Frontend Mentor - QR code component solution

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.

Table of contents

Overview

• [Overview](The Project About QR-ode )
  • Screenshot
  • Links
• My process
  • [Built with](Html Css)
  • [What I learned](How to manage page with simple code and how to make all the project look simple with learn all about positions )
  • [Continued development](Now im try to learn Grid-Box)
  • Useful resources
• Author

Screenshot

Built with

• Semantic HTML5 markup
• CSS custom properties
• Positions

What I learned

First Html i just know from now how to make in icons for my Web site

<h1>Some HTML code I'm proud of</h1>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

const proudOfThisFunc = () => {
  console.log('Yayyyyyy🎉')
}

Continued development

My future PLans is to be more good in css{Flex-Box and Grid-Box} na why not to learn more in Js

Useful resources

• Example resource - This helped me for Position and with how to manage Div reason. I really liked this pattern and will use it going forward.

Author

• LinkDen - Pepo
• Frontend Mentor - @Pepo946
• Twitter - @Pepo9461

Acknowledgments

This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.

Note: Delete this note and edit this section's content as necessary. If you completed this challenge by yourself, feel free to delete this section entirely.