Skip to content
Submitted over 1 year ago

Second challenge Newbie

Michaël•70
@MichaelHensel1980
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...NFT preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What did you find difficult while building the project? I had a lot of troubles getting the cyan overlay and the view icon to work properly.

Which areas of your code are you unsure of? The code I had to write making the overlay visible and working. Learned a bit about positions and in general the "absolute" and "relative" settings. Still, there is so much to learn.

Community feedback

  • Lestat Louis Ariola•40
    @llariola00Posted over 1 year ago

    Wow, how'd you get 99% accuracy in width/height? nice. I also faced the same hurdles with the overlay effects.

    1
    Michaël•70
    @MichaelHensel1980Posted over 1 year ago

    @llariola00 Hi Lestat,

    Thanks! In Adobe XD I measure the widths and heights in pixels. I do the line heights and the font-size of the text by optical feeling. Yeah, that overlay effect was a big hurdle indeed, took me hours.

    1
    Lestat Louis Ariola•40
    @llariola00Posted over 1 year ago

    @MichaelHensel1980

    Hello!~

    Ohh, I've never thought of using applications to measure the designs before lol, made me feel stupid. Thanks a lot for the idea!

    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