@correlucas
Posted
πΎHello @EidrianMax, Congratulations on completing this challenge!
Your solution its almost done and Iβve some tips to help you to improve it:
1.Its not so good that you used overflow: hidden
for the whole content, in this case this property is making the content get cropped when the component gets tiny. Instead of using overflow
to make the rounded borders use border-radius
for each card.
2.To reduce your CSS file and improve the performance of loading your page you can use a tool called CSS minify
that reduces the CSS code by removing the unnecessary characters. You can use a VSCode
plugin called minify css
or this website tool to reduce your code: https://www.toptal.com/developers/cssminifier
π¨βπ»Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-85A1JsueD1
βοΈ I hope this helps you and happy coding!