
Design comparison
Community feedback
- P@katrien-sPosted about 2 months ago
This looks good. Not that much to add actually.
But, if you want to up your responsiveness. There are a few ways to no longer need to adjust your elements-width in a media-query but do it in one line on the element itself using
min
ormax
. To get yourself started, check the video 'These CSS PRO Tips & Tricks Will Blow Your Mind!'Which means you're
.profile
-code could end up looking like this:.profile { width: min(327px, 456px); }
Since you had added a 3rd width, you probably want to use
clamp()
to define your width. It's also being explained in of the video's on that YouTube-profile.Happy coding!
Marked as helpful0 - @ayleoPosted about 2 months ago
Gahd damn this looks so good I had to tell mom about us. I just realized through your code that I haven't added the responsiveness to my css, yikes.
1
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