Design comparison
SolutionDesign
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
Community feedback
- @MelvinAguilarPosted about 1 year ago
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 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