Submitted over 3 years ago
Huddle landing page with single introductory section
@Basanta-afk
Design comparison
SolutionDesign
Community feedback
- @jerry-the-kidPosted over 3 years ago
You did very good this time. Here are my advices :
- At body you can set
background-size : cover
.
- At
.container
you can setmax-width: 1200px, width : 95%, margin : 3rem 0;
that will be ok than :margin: 2rem 3rem 0 3rem
. you can custom again my width, max-width if you like.
- At .article img you should set should smaller like :
60%
and setobject-fit: contain
so img will be smaller follow the sceen width.
- You should smaller font-size when smaller screen. My advice is learn about rem unit or clamp in css.
https://www.sitepoint.com/understanding-and-using-rem-units-in-css
Clamp : https://youtu.be/U9VF-4euyRo?t=4
That's good to go. Happy codding 😁
1 - At body you can set
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