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 screenshot of the finished project, showing the QR code in question.
- Solution URL: (https://www.frontendmentor.io/solutions/qr-code-challenge-G296MvElhh)
- Live Site URL: (https://jeangathoni8.github.io/QR-Code/)
- Semantic HTML5 markup
- CSS custom properties
I struggle to understand how to use CSS to style webpages. This challenge has enabled to test my CSS skills so far and understand how to interpret what I am coding adn see it reflect on the page. I am feeling more confident in this challenge as it allowed me to practice using CSS together with advancing my HTML skills.
I would like to enhance this project in the future and make it more interactive. The user can be able to use the switch to the back of the QR code. I would also like to improve CSS styling by adding animations.
- Frontend Mentor - @jeangathoni8
I would like to give myself a pat on the back for giving this a challenge a try. At the end of the day it will benefit me in my future career as it will help me master these elements. I would also like thank Frontend Mentor creators for developing their platform as it allow many up and coming developers to test their skills and enhance them effectively.