Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Hello PLoris DUCAMPS, Congratulations on completing this challenge!
Amazing solution! I’ve just opened the solution’s live site and I liked the job you’ve done a lot. I’ve some suggestions for you:
To improve your component overall responsiveness, something you can do its to create a media query to save space in the
pricing section
to make each information in a different row. Here’s the code for this media query.@media (max-width: 350px) { .card__plan { display: flex; justify-content: center; align-items: center; background-color: var(--Very-Pale-blue); flex-direction: column; } }
To reduce your css file and improve the performance loading your page you can use a tool called
css minify
that reduces the css code removing the unnecessary characters. You can use aVSCode
plugin calledminify css
or this website tool to reduce your code:https://www.toptal.com/developers/cssminifier
✌️ I hope this helps you and happy coding!
1@LorisDucampsPosted about 2 years agoHi @correlucas !
Thank you for all of your feedback!!
It's true that I can minify the css to improve the performance of the site.
Thanks again for the time you take to give your advice :)
Happy Coding !
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