MoyoSharon / QrCode

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

Overview

Screenshot

Mobile View

Links

• Solution URL: Add solution URL here
• Live Site URL: Add live site URL here

My process

Using a main div container with id-#main, it contained the QR code image. Then i created another another div with id-#text where i placed the necessary texts as different blick elements.

Built with

• HTML5
• CSS
• Mobile-first workflow

What I learned

i learned a bit more of how to implement media queries.

Continued development

Continued development in scaling elements both in desktop and mobile. This design is not looking so well on desktop view as i intended.

Author

• Website - Moyo Sharon
• Frontend Mentor - @MoyoSharon
• Twitter - @Moyo_61