Skip to content
Submitted about 2 years ago

Skilled e-learning landing page

YohannDCz•90
@YohannDCz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Skilled e-learning landing page
  • HTML
  • CSS
1newbie

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
    @RickHalmogueraPosted about 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!

    0

Please log in to post a comment

Log in with GitHub

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