Skip to content
Submitted about 2 years ago

Project Tracking Dashboard

Muhammad Zohaib•270
@codefolk
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

Cropping and placing the image was frustrating, and didn't find any way to place color in the background. Really need feedback and suggestions. Happy coding.

Community feedback

  • Andrew G. Ayad•100
    @andrew-g-ayadPosted about 2 years ago

    Hello @codefolk This background appears to be a separate HTML element positioned behind the image.

    • So, try creating a new div and style it with the same grey color and the border radius.
    • set the positions to absolute
    • make the z-index: -100
    • give it a width and a height
    • position it behind the hero image

    remember to handle its position to match the design of the mobile version.

    0
    Muhammad Zohaib•270
    @codefolkPosted about 2 years ago

    @andrew-g-ayad Much appreciated. I'll look into it

    1

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