Summary Card Component Using CSS

Solution retrospective
I don't know how to wrap the paragraph based on the screen size, I used some hard coding for wrapping content eg: max-width: 250px (for mobile screen) max-width: 300px(for desktop screen)
So if anyone know optimize solution, please tell me
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MelvinAguilar
Hi 👋. Good job on completing the challenge !
-
For your problem, consider using the
clamp
function in CSS for responsive width. This function allows you to set a minimum, preferred, and maximum size, providing flexibility based on the screen size.You can see a visual example on this page: https://web.dev/articles/min-max-clamp
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