Skip to content
Submitted over 2 years ago

Responsive nft preview page using Grid/flex layout

Jasper•40
@Jasper-Ik
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

How can I a text say with an image or an icon as I have tried on several design aside this using the vertical align ..did not work, had to struggle looking for other options

Community feedback

  • Ashley Stone•90
    @asha12562Posted over 2 years ago

    Hey, Nice work and good effort on the challenge.

    For the small icons before the text, instead of having a span with the image and text. The solution I arrived at was to have the text in HTML and then use the pseudo element '::before' in CSS. This way you are able to place the icon before the text using 'content: url(/);'.

    Hope this helps, keep up it up!

    Marked as helpful
    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