Skip to content
Submitted 8 months ago

QR code project with HTML and CSS (SCSS)

sass/scss, bem
P
Matthef•190
@MatFrat95
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Im proud of fact, i didn't use @media to make card fully responsive. In future I will try to create this card as a part of page, to try to make reusable classes, and make it look more authentic.

What challenges did you encounter, and how did you overcome them?

The biggest issue i got was about making it fully responsive. I got some tips from Kevin Powell and after few attempts i make it work correctly.

What specific areas of your project would you like help with?

I have problem with building class for each element of website. For example, it's still a little difficult for Me to name elements and make them responsive without making huge errors.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Matthef•190
    @MatFrat95

    After some time i decided I will add some changes, to make it as close to design as possible. Finaly I adjust card width and picture padding. My goal was to make it without using position properties, and without setting size for image of QR code.

Join 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