Submitted almost 2 years ago

Skilled e-learning landing page

YohannDCz• 90

@YohannDCz

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I succeeded in creating desktop, tablet and phone responsive design but I failed in managing transition over those. Any suggestion ?

Community feedback

Ricardo Halmoguera• 240

@RickHalmoguera

Posted almost 2 years ago

Hey! For this challenge you want to use the Picture Element not the Background Image Property.

You can find more info here: https://www.w3schools.com/html/html_images_picture.asp

https://web.dev/learn/design/picture-element/

The sintax you will use is this: <picture> <source media="(min-width: )" srcset=""> <img src="" alt=""> </picture>

Keep the good work!

Please log in to post a comment

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