Design comparison
Solution retrospective
I thank God for giving my the knowledge to complete my 5th frontend mentor project.
Secondly I have a little bit problem styling the <hr> tag to make it more tiny and the avatar image border also, I look forward to hear some anyone with the solution, thanks
Community feedback
- @BishalAhmedPosted over 1 year ago
great work !! if you want rounded border like photo then you have to use {border-radius: 20px; } in the css; and you have to give a main section and h1 tag every html file for accessibility ;
Marked as helpful0 - @AyddanPosted over 1 year ago
Hi Moderateemmaco !
For your hr tag you have the default border of the hr. so just a
border: none;
should be good to set the height as you wichFor the border of your avatar, is should be better to use a box-shadow with a spread and no blur. It's better for animations and will not squeeze your image.
Something like this should work :
box-shadow: 0 0 0 1px white;
Box-shadow parameters are, position x and y, blur, spread and color.
Hope it help !
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