markteekman/flexbox-grid markteekman/flexbox-grid

  • Stars
    star
    1
  • Language
    CSS
  • License
    MIT License
  • Created almost 5 years ago
  • Updated over 4 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
markteekman/flexbox-grid
github

markteekman

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Flexbox Grid is a simple yet powerful responsive front-end grid based on the Flexbox CSS property. It helps you to quickly build advanced layouts for prototyping and real-life projects.

More Repositories

1

accessible-astro-starter

An Accessible Starter Theme for Astro including accessibility features such as landmarks, better focus-outline and skip-links navigation. Ships with Tailwind, Prettier and ESLint support.
Astro
528
star
2

accessible-astro-components

A set of Accessible, easy to use, Front-end UI Components for Astro.
Astro
251
star
3

accessible-astro-dashboard

An Accessible Admin Dashboard Theme for Astro with a login page and a dashboard overview. Includes accessibility features such as landmarks, better focus-outline and skip-links navigation.
Astro
106
star
4

frontend-resources

A list of resources concerning front-end web development. From HTML, CSS and JavaScript to testing, accessibility, Atom packages, UI Design and Design Systems.
16
star
5

easybank-landing-page

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.
Astro
9
star
6

coding-knowledge-base

My own personal knowledge base for my coding career. It contains all the tools, snippets and frameworks I've learned and acts as a lookup reference. I use Obisian to manage the information. Feel free to use things from this knowledge base for yourself.
7
star
7

accessible-vue-starter

An Accessible Starter Theme for Vue 3 + Vite including accessiblity features such as landmarks, better focus-outline and skip-links navigation.
SCSS
6
star
8

accessible-vue-components

A set of Accessible, easy to use, Front-end UI Components for Vue 3.
Vue
6
star
9

tiny-code-snippets

Collection of Front-end Code Snippets (HTML, (S)CSS, JavaScript) to use as a reverence for common problems and solutions.
CSS
4
star
10

base-css

Responsive front-end HTML and SCSS starter template using a simple Flexbox Grid, basic Design System patterns and ES6 support for writing JavaScript functions. Powered by Gulp.
CSS
4
star
11

accessible-astro-docs

Documentation website for all the availible Accessible Themes and Components for Astro.
SCSS
3
star
12

neon-signs

Neon Sign flickering animated letters using box-shadow, keyframes and JavaScript.
SCSS
3
star
13

frontend-mentor-challenge-starter

A starter project to take on a Frontend Mentor challenge. Build with Astro, with a basic configuration, utility classes and Tailwind CSS. Comes with a GitHub action to automatically deploy the project to GitHub Pages.
SCSS
2
star
14

personal-portfolio-mark

My personal portfollio website, build with Astro in 2023.
Astro
2
star
15

blogr-landing-page

Frontend Mentor challenge Blogr Landing Page using Tailwind CSS, Astro Static Site Generator, a color scheme switcher and the IntersectionObserver.
Astro
2
star
16

accessible-react-word-game

Excersise building a Wordle Game clone using React components and the useState hook. With added personal stretch goals such as making the game accessible, make it more interactive with animations and by adding a DarkMode and Modal component.
JavaScript
2
star
17

mealplanner

Personal mealprep tool for my wife and me to plan out weekly meals, snacks and other healthy goodies.
SCSS
1
star
18

super-mario-brothers-mouse-tracking

A demo where Mario and Luigi SVG's follow your mouse or finger across the screen using the mousemove and touchemove event listeners respectively.
HTML
1
star
19

outer-space

Demo using only CSS Keyframes and Animations and a SCSS function to generate the stars with box-shadow.
SCSS
1
star
20

new-game

Start a new game (project), ideal for building simple HTML, CSS and JavaScript websites. Includes a Flexbox Grid, Breakpoints, Colors, Space Tokens and Size Tokens.
SCSS
1
star
21

markteekman

Personal GitHub profile README.
1
star
22

e-commerce-product-page

Frontend Mentor challenge "E-commerce Product Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations, Vue.js and Pinia State Management.
SCSS
1
star
23

nft-preview-card-component

Frontend Mentor challenge "NFT Preview Card Component" using CSS Flexbox and Grid, Accessibility best practices and CSS Animations.
SCSS
1
star
24

rock-paper-scissors-game

Frontend Mentor challenge "Rock, Paper, Scissors Game" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations to make the game more interactive and vanilla JavaScript for the game logic.
Astro
1
star
25

sunnyside-agency-landing-page

Frontend Mentor challenge "Sunnyside Agency Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver. Includes a sticky navigation and a revealing footer.
Astro
1
star
26

time-tracking-dashboard

Frontend Mentor challenge "Time Tracking Dashboard" using CSS Grid, CSS Animations, Accessibility best practices and the JavaScript Fetch API to toggle between JSON Data.
SCSS
1
star
27

advice-generator-app

Frontend Mentor challenge "Advice Generator App" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the Fetch API for the random advices.
SCSS
1
star
28

drag-drop-mini-game

Small demo of a drag and drop interface using JavaScript's PointerEvents, Node.cloneNode() and getBoundingClientRect().
SCSS
1
star