Results Summary Webpage using Html and Css

Solution retrospective
I would definitely make it more responsive.
What challenges did you encounter, and how did you overcome them?I had issues making it responsive.
What specific areas of your project would you like help with?I tried to make it responsive for different devices, I did it but whenever I inspect again, it stops being responsive.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@huyphan2210
Hi @yeeezzzus,
I've seen your solution and would like to share some thoughts:
I'm not sure what you mean by "whenever I inspect again, it stops being responsive". You’ve defined a media query:
@media (max-width: 600px)
This means
600px
is the breakpoint where the layout changes. Are you having trouble with this behavior?Could you clarify what you mean by "make it more responsive"? Your page currently has two layouts:
- One for viewports 600px and below
- Another for 601px and above (based on your media query)
If you're referring to adding more breakpoints, you'll need to define where and how you'd like the layout to change.
That said, media queries aren’t the only way to achieve responsiveness. CSS provides other techniques, such as:
- CSS functions like
clamp()
,min()
, andmax()
- Flexible units like
em
,rem
,vw
, andvh
- CSS properties like
flexbox
,grid
, andaspect-ratio
Hope this helps!
Marked as helpful
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