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: My Solution, Right Here
- Live Site URL: The Solution, in LIVE
To reach the end of this Challenge, i made it like this :
- Structure With HTML: I begun by making the structure of the product. I think that it is much simple.
- Style With CSS : Next , i continuously adjusted the CSS to reach the goal i'd.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
Right now , i know i still have to learn about
- FlexBox
- How_to_center_the_card_? - This helped me to understand how i could actually center my center. I really liked this pattern and will use it going forward. Right now, the card is on the center of the screen , regardless of the device.
- FlexBox - This is an amazing sheet cheat which helped me finally understand how to work with Flexbox. I'd recommend it to anyone still learning this concept:).
- Frontend Mentor - @AklemX
Thanks ! X)