sridarshan-webjava / QR-Code-Component

Frontendmentor Challenge - QR Code Component

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

  • Semantic HTML5 markup
  • Tailwind CSS
  • Mobile-first workflow
  • JavaScript for events and logic

What I learned

I have learnt using Tailwind CSS in the place of custom CSS. Tailwind CSS has a number of useful utility classes for stylings and also provides the flexibility to use custom classes and stylings through it's config file. It speeds up the development process and gives users utility classes to create their own templates and components.

Useful resources

  • Tailwind CSS Docs - Docs page to get familiar with various utility classes and configurations
  • Tailwind CSS tutorial - Tutorial videos to get started with tailwind css and building out simple projects

Author

About

Frontendmentor Challenge - QR Code Component


Languages

Language:HTML 74.3%Language:JavaScript 24.0%Language:CSS 1.7%