Skip to content

Instantly share code, notes, and snippets.

@Maxscores

Maxscores/css-layout-challenge

Last active December 21, 2017 19:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Maxscores/03011b2285aa51ec8133034eac019dcd to your computer and use it in GitHub Desktop.
Save Maxscores/03011b2285aa51ec8133034eac019dcd to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css-layout-challenge
https://github.com/turingschool-examples/css-layout-challenges
##### Challenge 1:
I needed to make each of the smaller divs as inline-blocks to keep their size consistent inside of a flex box. I created a big flex box container for all 3, then a smaller container for 2 & 3. The big container uses justify-content to space out the boxes.
https://codepen.io/maxscores/pen/rpMeRQ
##### Challenge 2:
Nested each block inside another div that was using display:block; and used align-text to get them in the right spot.
https://codepen.io/maxscores/pen/NXRNVa
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment