What are you most proud of, and what would you do differently next time?
I am happy that the card layout switches from being vertical to being horizontal after a certain height decrease is reached on the desktop view, and that the card works on smartphones with a landscape orientation. Next time, I would remember to implement SASS/SCSS for a pre-processor scripting language.
What challenges did you encounter, and how did you overcome them?
Trying to make the image for the QR code change size properly along with the rest of the card was a challenge. Using "object-fit: cover" helped to keep the QR code square as the card shrinks and expands.
What specific areas of your project would you like help with?
I would like to know if there are better ways to use the "height", "width", "max-height", "max-width", "min-height", and "min-width" properties to make layouts that match the original design.
@jnarezo
Posted
it's awesome, however maybe you can try out BEM for the CSS as it might help you make more maintainable sites.
@law973
Posted
@jnarezo Thank you for the recommendation! I hadn't heard of that before, and having a naming convention makes sense.
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
