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.
This was a simple project. Very straight forward but that can be a trap. Not doing the basic workflow things I need because its simple. But that's my goal here. Practice and consistent workflow. Because that's how the knowledge gets solidified.
- Solution URL: Frontendmento
- Live Site URL: Github
I began with a simple html structure with all elements necessary already on the page, defined with bme. I should maybe research other frameworks but that's the one I've learned and its very simple and organized.
After beginning on basic css structuring of the page, I realized the spacing wasn't quite working out how I wanted it to, so I added another container to help with that. Maybe that wasn't the best thing to do but it fixed my issues.
Finally after getting it perfect on desktop I added a simple query to make the mobile version look good.
- Semantic HTML5 markup
- Block Element Modifier
- Flexbox
- Media Query
Most of what I learned with this project has been related to git and markdown. That's something new to me but I feel like I'm getting a good handle on it.
I want to use css custom properties going forward. I like the variables in sass and this functions the same.
(https://www.markdownguide.org) was helpful for markdown. (https://docs.github.com/en) was helpful with troubleshooting git.
- Website - Robin
- Frontend Mentor - @TheRoboRobin