Skip to content
Submitted over 3 years ago

Tree column compoment page

Dominik Rasiński•40
@DominikRasinski
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have a one question: Are they betters units to create responsive web design than percentages?

And if you have any idea how to improve this project share it :)

Community feedback

  • jemeneradev•580
    @jemeneradevPosted over 3 years ago

    Check out this css unit reference: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Values_and_units

    From what I have read, the em, vh, vw units are preferred, since they are closely linked the device size.

    This is a trick I use to get a close match to the challenge: set the design image as background, and set to z-index: -100 (any negative number will, just be below zero). Next, set it's opacity to .5. Work on your design with an opacity of .5, as well, so you'll be able to compare you work to the design.

    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