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.
- Solution URL: GitHub
- Live Site URL: GitHub Page
- HTML
- CSS
- CSS variables
- Flexbox
During the project, I learned how to create a hierarchy of first and second level headings.
<h1 class="title">Improve your front-end skills by building projects</h1>
<h2 class="subtitle">
Scan the QR code to visit Frontend Mentor and take your coding skills to the
next level
</h2>
I also learned how to use variables in CSS.
:root {
--whiteColor: hsl(0, 0%, 100%);
}
.container {
background-color: var(--whiteColor);
}
In the next tasks I will focus on the use of semantic tags in html.
- CSS variables - This helped me understand how css variables work.
- Frontend Mentor - @maciej-szeremeta