Submitted over 3 years ago

Mobile-First Workflow NFT Preview Card Component

@rayalva407

A solution to the NFT preview card component challenge

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.

Code

Please log in to post a comment

Community feedback

Hexer•3,620
@EmmanuelHexer
Posted over 3 years ago
Great job overall man. Keep it up
- One tip i can give you it to always use classes instead of id's.
Herson•220
@Hersonmei
Posted over 3 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!

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