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

Fylo landing page with two column layout

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I would like to know how I can make an image responsive and scale with the screen size of a device, that gave me issue. Thanks

Community feedback

Joel 590

@JoelLH

Posted

Hey Great Job!. For the images you can use a combination of min-width, max-width and width.

  • min-width : will set the minimum width u like your image to be example: 300px;

-max- width: sets the maximum width example: 600px;

  • lastly width: 100% will let the image be as large as any pixels between 300px and 600px; Hope this helps, happy coding!

Marked as helpful

1

@BenChi3D

Posted

Wow thank you. I am really grateful for your response and feedback.

0

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