profile card using HTML, CSS, and Flexbox

Solution retrospective
How do I make the horizontal line thinner like the design? How did I do with the background and drop shadow?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Thedeezat
Hey Marcus 👋,
Nice work on this challenge. Both layout in desktop and mobile is pretty good and for the background i think you did a good job in the background positioning 👍.
I think for the horizontal line you can try this:
<span class = 'horizontal-line'></span>
.horizontal-line { width: 100%; height: 0.1rem; background: hsla(0, 0%, 59%, 0.3); }
Marked as helpful - @achristopher144
I'm just curious because I'm trying to solve this as well.
In your code, how did you size the card, I don't see any width or anything in your code regarding the size.
I'm just about 2 weeks into coding so I'm probably ignorant of what you used.
How how did you specify the height and width of the card within your code?
TIA
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