i'm not actually sure about some flex properties such as justify-content, align-item, align-content. also i don't know a thing about media query, didn't learn it yet. forgive me if you saw so many unnecessery things inside of it >_<
@riencoertjens
Posted
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
@syarief02
Posted
@riencoertjens hi thanks for the compliment! it took me a days to figure it out just to make sure it looks clean 😂
@freaky4wrld
Posted
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
@syarief02
Posted
@freaky4wrld hi thanks for your feedback. i'll definitely check out the flex cheat sheet and the flexbox course 🫡👍👍😁
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
