Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page with single introductory section

@Basanta-afk


Design comparison


SolutionDesign

Community feedback

hao pham 745

@jerry-the-kid

Posted

You did very good this time. Here are my advices :

  1. At body you can set background-size : cover.
  1. At .container you can set max-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.
  1. At .article img you should set should smaller like : 60% and set object-fit: contain so img will be smaller follow the sceen width.
  1. 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

Please log in to post a comment

Log in with GitHub
Discord logo

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