Samjolas/QR-code

QR code component

QR-code

QR code component

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
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover states for interactive elements

Screenshot

Links

• Solution URL: QR-code - GITHUB
• Live Site URL: Add live site URL here

My process

• Evaluate the design
• Look through the design with the design to out some measurement with Adobe Photoshop
• Decide on where to use flexbox or grid (I choose flexbox)
• Wrtie my first line of HTML and add Favicon
• Arrange my SASS, link my css to my html and test if my SASS is working well
• Add all variable style and reset style
• start coding the webpage
• check for responsiveness
• write README

Built with

• Semantic HTML5 markup
• BEM METHODOLOGY
• CSS (SASS)
• CSS GRID
• Responsive Design

What I learned

• some codes can be fast and sweet. (This is currently my fastest projedct)

Continued development

• Keep improving my css skills and also my JavaScript skills.

• Code more often

Author

• Frontend Mentor - @Samjolas