nirbhayvashisht / what-the-flexbox

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

What the flexbox!?

What the flexbox image

This repository contains code that I wrote while progressing through the course "What the Flexbox" by @wesbos

Course Link

Each file also contains a README.md file containing the things I learnt during each lesson.

Video Number Video Title/Topics Code / README Link
1 - 4 Introduction,flex-direction, flex-wrap link
5 Ordering link
6 justify-content link
7 align-items link
8 align-content link
9 align-self link
10 sizing with flex property link
11 flex-shrink, flex-grow and flex-basis link
12 How flex-wrap and flex-basis work together link
14 Making a naigation bar using flexbox link
15 Mobile Content Reordering with Flexbox link
16 Nesting flexbox for vertical and horizontal centering link
17 Flexbox pricing grid link
18 Flexbox equal height columns and leftover elements link
19 flexbox single line form link
20 Mobile app layout link

About

License:MIT License


Languages

Language:CSS 63.1%Language:HTML 36.6%Language:JavaScript 0.3%