NFT preview card with pure HTML and CSS
Design comparison
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.
Community feedback
- @NaveenGumastePosted over 2 years ago
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 helpful1 -
- @shashreesamuelPosted over 2 years ago
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 helpful0 - @GitHub-dev12345Posted over 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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