Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Levi 90

    @law973

    Submitted

    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.

    1