Skip to content
Submitted almost 3 years ago

huddle landing introductory page

#accessibility#sass/scss
Nnenna Miriam Udefi•300
@Nnenna-udefi
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

Feedbacks, would be highly appreciated. Please, how can I prevent this accessibility issue of placing a discernible text in the <a> tag especially when it is an icon or image link

Community feedback

  • Laura Stevenson•50
    @laurstevensonPosted almost 3 years ago

    On my side, it looks like the background image (desktop view) is cut between the social icons and main content:

    • Rather than using background-repeat: no-repeat; you could try background-size: cover.
    • You can also use the background declaration to combine the background image + background color: background:url(images/bg-desktop.svg) hsl(257, 40%, 49%);

    Great job overall! :)

    Marked as helpful
    0
  • Nnenna Miriam Udefi•300
    @Nnenna-udefiPosted almost 3 years ago

    Thanks

    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