Responsive QR Code Component | Using HTML and CSS

Solution retrospective
I created and completed this project in an hour and a half, and that’s something I’m proud of.
This project was made responsive using Flexbox, and I’m considering using Grid for responsiveness next time.
The paragraph was not adhering to the layout as intended, and the size it was supposed to be was 15 pixels. The issue was not with the font size, but rather with not assigning a width to the container.
To make it responsive, the first unit that came to mind was percentage (%). However, on mobile sizes, the container looked like a thin bar. So, I decided to change the unit from percentage to rem, and fortunately, the appropriate width was achieved.
What specific areas of your project would you like help with?I would really love to get your feedback on how I’ve handled styling in the CSS file.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Amir-mohammad-ahmady-1234
It was a really good job. But for me there is a problem with the display and responsive display. If you fix it, it will be even better!
Marked as helpful - P@laurice-dev
You did a wonderful job with your project. I loved how you used variables for your CSS styling which makes things very easy to understand. One thing that we could update is to use less IDs because they have a high specificity and can only be used one time within a project. I would use classes instead of IDs for project scalability. You did great! Kudos!
Marked as helpful
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