gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
73d104d78ffcc6dea00d69d0ac75d88d5b8b2016
freeCodeCamp/guide/english/certifications/responsive-web-design/css-flexbox/index.md
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501) 
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

4.3 KiB
Raw Blame History

title
title
CSS Flexbox

CSS Flexbox

These set of challenges will teach you the basics of using flex containers. The challenges are:

  1. Use display: flex to Position Two Boxes.
  2. Add Flex Superpowers to the Tweet Embed.
  3. Use the flex-direction Property to Make a Row.
  4. Apply the flex-direction Property to Create Rows in the Tweet Embed.
  5. Use the flex-direction Property to Make a Column.
  6. Apply the flex-direction Property to Create a Column in the Tweet Embed.
  7. Align Elements Using the justify-content Property.
  8. Use the justify-content Property in the Tweet Embed.
  9. Align Elements Using the align-items Property.
  10. Use the align-items Property in the Tweet Embed.
  11. Use the flex-wrap Property to Wrap a Row or Column.
  12. Use the flex-shrink Property to Shrink Items.
  13. Use the flex-grow Property to Expand Items.
  14. Use the flex-basis Property to Set the Initial Size of an Item.
  15. Use the flex Shorthand Property.
  16. Use the order Property to Rearrange Items.
  17. Use the align-self Property.