@BishalAhmed
Posted
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 helpful
0
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
Nathan• 90
@Ayddan
Posted
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 wich
For 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 helpful
0
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