Skip to content
Submitted over 2 years ago

Mobile-First Workflow NFT Preview Card Component

Raymundo Alva•40
@rayalva407
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

Hello everyone this is my attempt at this challenge! A question I have is how do I get a round border around the creator's profile picture? I tried so hard but I would only get a squared border even using border-radius I was not able to solve this. Please leave any feedback for me.

Community feedback

  • Hexer•3,660
    @EmmanuelHexerPosted over 2 years ago

    Great job overall man. Keep it up

    • One tip i can give you it to always use classes instead of id's.
    1
  • Herson•220
    @HersonmeiPosted over 2 years ago

    Hi @rayalva407!

    • Try adding this border and this border-radius in your code to see if it works:
    #pfp {
      width: 12%;
      padding-top: 5px;
      float: left;
      border: solid 1px hsl(0, 0%, 100%);
      border-radius: 50%;
    }
    • Instead of using so many id, use classes, because the id you can only use once and the classes you can repeat in different elements.

    Good studies and keep doing new projects!

    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