Submitted about 2 years ago
Social proof section solution using flex and Media Query
@Lovegupta112
Design comparison
SolutionDesign
Solution retrospective
Please provide your valuable feedback so that I could be better in CSS .
Community feedback
- @j-tomajinPosted about 2 years ago
HELLO!
-
<section> is a semantic element for creating standalone sections in a web page. blog.hubspot.com. You can use <article> inside it developer.mozilla.org. And you can use <div> to wrap other components, you don't have to use semantic tags every time.
-
in the attribution, you wrap them in <footer> element. to stick it at the bottom you can:
body { min-height: 100vh; position: relative; } footer { position: absolute; bottom: 0; left: 0; right: zero; }
- when using a heading (h1, h2 and so on) make sure to use it descending order. Use <h1> then <h2>, <h2> usually used inside <article> element.
- and I recommend to do mobile first to desktop, but if you are comfortable doing desktop first to mobile, then it's all good!
Hope it helps! HAPPY CODING! :D
0@Lovegupta112Posted about 2 years ago@AsukalDePapa Thanks for giving feedback , I will work on this
0 -
Please log in to post a comment
Log in with GitHubJoin 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