Skip to content
Submitted almost 4 years ago

Project Tracking Intro Component

Omar Ahmed•200
@OmarIsmail277
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Project tracking intro component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Any improvements on the laptop image because I couldn't place it 100% like the design, I chose another design, is it good? How can I make it the same as the design? Thank you in advance.

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted almost 4 years ago

    Hi Omar, you could try to put the image as a background-image in your CSS instead of <img> element and play around with background-size and background-position. If you choose to stick with <img>, make sure to set the alt attribute to an empty string if you want screen readers to ignore it (alt=""). Hope this helps :)

    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