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

Frontend Mentor - Huddle landing page with single introductory section

Falana Johnβ€’ 130

@John-developer-18


Design comparison


SolutionDesign

Solution retrospective


Please for the image in the main section. What CSS unit do you advise should be used, and do you think the use of percentages will do?

Community feedback

Boots πŸ˜Ίβ€’ 1,590

@adityaphasu

Posted

Hi! Good job on the challenge!

Using max-width: 100% is actually quite the most common way to make the images responsive on a website! It is usually used along with height: auto so that the image maintains the aspect ratio and scales proportionally.

The choice of units depends on the specific design requirements, here in this challenge we want the image to scale proportionally according to screen size so % will do here. (some other cases might include keeping the width of the image fixed so there we would use something like rem).

I hope this cleared your doubts! Happy coding!πŸ•ΊπŸ»

Marked as helpful

0

Falana Johnβ€’ 130

@John-developer-18

Posted

Thanks a lot for the advice. I am grateful @adityaphasu

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