This is a solution to the QR code component challenge on Frontend Mentor. The challenge involves building a QR code component and get it looking as close to the design as possible.
- Solution URL : QR code component Code
- Live URL : QR code component Netlify
- Semantic HTML5 markup
- CSS custom properties
- CSS Grid
A great first project to get started with html and css. I was able to practice grid properties, css custom properties and understand how to use width and max-width properties. I also learned to write a README page and how to host on Netlify.
I would like to keep working on other projects that would involve CSS grid, CSS flexbox and different responsive layouts.
HTML and CSS course - by amazing instructor John Smilga - This course helped me understand many basic and advanced concepts of HTML and CSS.
How to Center a Div Using CSS Grid - Fimber Elemuwa: This article explains how to center a div using css grid.
Different ways to center a div on a page - Ayushman Bilas Thakur: This article was useful in showing the different ways to center a div.
- Website - Mathangi Subramanian
- Frontend Mentor - mathangisd
I was able to understand many concepts from John Smilga's projects. I was able to get some ideas on how to organize the README page from Aviral Sharma and Alex Fernández.
Thank you to anyone for giving any feedback, it is always helpful to know how the code could be improved.