Responsive layout of QR scan card

Solution retrospective
Frontend Mentor - QR code component
Welcome! 👋
Decided to complete this challenge. For those wanting to know how to approach this challenge, here is what I used:
Layout was created implementing mobile first approach along with display: flex to center my card.
I created seperate QR code for my Github profile with a free tool then I added into my div container to resize the image.
Then I used SASS compiler for compiling my style components and was creating CSS files in seperate folder.
I created containers to my pictures and texts to seperate them flex-direction: column; approach.
Components I used,
- HTML
- CSS
- SCSS
This is my first project so all feedback is greatly appreciated!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Vishnuprakash's solution.
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