Results summary component using CSS Flexbox

Community feedback

• 

  Rien Coertjens•80

  @riencoertjensPosted about 1 year ago

  that flex cheat sheet looks clean! my go-to cheat sheet for flexbox is (was?) the one from css-tricks: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  Marked as helpful

  1

  ---

  

  Syarief Azman•20

  @syarief02Posted about 1 year ago

  @riencoertjens hi thanks for the compliment! it took me a days to figure it out just to make sure it looks clean 😂

  0
• 

  Nayan Bhatt•980

  @freaky4wrldPosted about 1 year ago

  Hey there, there's no point in being embarrassed, sometimes we all write repetitive code, it all improves with experience and we all will get there.

  As for your Questions: take flex as a 2D graph with horizontal and vertical axes, the **justify-content: **is used to position it on the horizontal axis and **align-items: **is used to position it on the vertical axis

  and justify-items is used to justify item of the sub-flex element

  and about media-queries they are used to make your page responsive, you can style your content at various device-widths and heights as well

  Checkout these: flex-cheat-sheet and brad-traversy-crash-course on flexbox

  Marked as helpful

  0

  ---

  

  Syarief Azman•20

  @syarief02Posted about 1 year ago

  @freaky4wrld hi thanks for your feedback. i'll definitely check out the flex cheat sheet and the flexbox course 🫡👍👍😁

  0