Skip to content
Submitted almost 3 years ago

Fylo landing page with two column layout

Benedict Chima Ogbulachi•60
@BenChi3D
A solution to the Fylo landing page with two column layout challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Joel•590
    @JoelLH

    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
  • Benedict Chima Ogbulachi•60
    @BenChi3D

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

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