
Design comparison
Solution retrospective
The project looks differently a bit missed up when I close the dev tools, but while the dev tools is open all breakpoints works perfectly with media queries..
Community feedback
- @stewil87Posted 7 months ago
Hello H-Keshk,
nice to see your solution to the challenge.
I would the first div, to have a class which describes the module you style like a ".card" or something similar. so the div wouldn't be
:first-child
, butdiv.card
. So you'll be able to other divs on the page, than only that one.You should use a button only, when there is a real action, like open/close/formsubmit anything like that and for the profile links, a list
ul/li
witha
tag links in each child.in image
alt
tag, dont use 'image of/picture/image'. For the screenreader and user it is already known that its an image.instead of have that many different sizes for the overall card, it might be, without media queries, enough to have
width: min(380px, 100%);
which basically means, the element will bewidth: 380px
, if there is enough space, otherwise100% width
.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