Design comparison
Solution retrospective
I have learned about scss and picture tag while doing this project
What challenges did you encounter, and how did you overcome them?I am still having issues with how to use flexbox properly and also a little troubled about semantic tags, when to use one and when not.
What specific areas of your project would you like help with?I feel like this solution could have been better, it really differs from the design a little. The areas I would like to get help is
- should I make class for every tags in html?
- how to use semantic tags properly (I feel like I am misusing them a little ). when to use div ?
- some flexbox and grid related resources for understanding them better.
Community feedback
- @SvitlanaSuslenkovaPosted about 2 months ago
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body), don't forget about !!min-height!!. You can use grid instead of flex too.
some tags like body, main, button, a, p can be used to add css without class main {css} You add class when you need it to use in css.
1
Please log in to post a comment
Log in with GitHub
Join our Discord community
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