Skip to content
Submitted about 2 years ago

Responsive landing page using flex

Valentin Yankov•50
@ValentinYankov
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

For some reason the background images doesnt apper when i upload the site to github pages.

Community feedback

  • Dusan Brankov•860
    @dusan-bPosted about 2 years ago

    Hi Valentin,

    To display the background image, you need to change the URL in CSS as follows:

    background-image: url(../images/bg-desktop.svg);

    Besides, the alt attribute of the hero image needs to be empty as long as it's decorative, otherwise screen readers would read it as "hash" (#), which would be confusing.

    The rest looks pretty good. Keep going, and happy coding. :)

    Marked as helpful
    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