This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
This is a basic QR code component built with Css and Html.
This project is to test some of the most basic aspects of HTML and CSS, it is mainly focus on repsonsiveness and structuring of the QR code component.
- Solution URL: https://github.com/KCblama19/QRCodeComponent
- Live Site URL: https://qrcodecomponentbuilt.netlify.app
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
It was a bit intimidating how small project like this took most of my mind power, the reason being, I haven't code with HTML and CSS for over a year or two and I have to recap and do some researches to get things in order.(It was amazing, going back to old resources).
Overall it was amazing, thanks to frontend Mentor
I'm looking forward to mastering the advanced concepts when it come to Responsive Website, Web app and media queries
- Resource 1 - This helped me with re-awakining my memory of flexbox and media queries. I really liked how it came in handful.
- Website - Abraham K. Blama
- Frontend Mentor - @KCblama19
- Twitter - @abrahamblama19