QR-code

QR Code Component

This project is a simple QR code component challenge from Frontend Mentor that displays a styled QR code card in the center of the page. It is designed to help improve front-end skills by using HTML and CSS to create a visually appealing, responsive component.

Table of Contents

• QR Code Component
  • Table of Contents
  • Overview
    • Screenshot
  • Built With
  • Features
  • Usage

Overview

Screenshot

Built With

• HTML5
• CSS3 (Flexbox)
• Google Fonts (Outfit)

Features

• Responsive Design: The QR code card is responsive and adapts to different screen sizes using CSS Flexbox.
• Center Positioning: The card is centered both horizontally and vertically on the page.
• Rounded and Shadowed Card: The card has a white background with rounded corners and a subtle shadow effect to give it depth.
• Accessible Image: The QR code image has an alt text for better accessibility.
• Attribution Section: Fixed attribution section at the bottom of the page.

Usage

1. Clone the repository