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.
Note: Delete this note and update the table of contents based on what sections you keep.
Add a screenshot of your solution. The easiest way to do this is to use Firefox to view your project, right-click the page and select "Take a Screenshot". You can choose either a full-height screenshot or a cropped one based on how long the page is. If it's very long, it might be best to crop it.
Alternatively, you can use a tool like FireShot to take the screenshot. FireShot has a free option, so you don't need to purchase it.
Then crop/optimize/edit your image however you like, add it to your project, and update the file path in the image above.
Note: Delete this note and the paragraphs above when you add your screenshot. If you prefer not to add a screenshot, feel free to remove this entire section.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
I learned how to use sematic html to build the foundation of the box then used css to style the box and make the website responsive just like it is in the images provided. I used flexbox and media queries to make the box columns and used media queries to make the website responsive for all devices.
To see how you can add code snippets, see below:
- Website - Kyle Parsotan
- Frontend Mentor - @yourusername
Frontend Mentor and other companies that provide challenges allows the developer to challenges their skills to develop and work on different task. This is one way to showcase my skills as a developer to different companies.