NFT preview card with pure HTML and CSS

Solution retrospective
How can make border around circular image? And are there any suggestions to my codes? As a absolute beginner, I want to improve that to be more professional.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @NaveenGumaste
Hello SINUT WATTANRPORN ! Congo 👏 on completing this challenge
Let's look at some of your issues, shall we:
-
For "eth" i think you have used wrong
font-style
-
add
font-style
to andweight
<p class="owner"> Creation of <span class="owner-name">Jules Wyvern</span> </p>
happy Coding😀
Marked as helpful -
- @shashreesamuel
Good job with this challenge, keep up the good work.
To make a circular border around an image you just need to add
border-radius: 50%
and then specify theborder
properties.The border property works like this:
border: <border-width> <border-style> <border-color>
.If you are using Visual Studio Code, then once you type border and hover over the text then you can see some more info on the css border property.
I hope this helps
Cheers, Happy coding 👍
Marked as helpful - @GitHub-dev12345
Nice Coding 🚀🚀👍 Congratulation to complete the challenge ❤️👍 My small suggestion : 1.In Card design CSS Code Used this:
transform : scale(0.8); this property decrease the size of card. 😉
large size for increase the number of scale & small size for decrease the number of scale
I hope you find this helpful
Marked as helpful
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