Skip to content

EffelZefanya/QrCodeComponent

Repository files navigation

Frontend Mentor - QR code component solution

This is a solution to the QR code component challenge on Frontend Mentor. Created by Effel Zefanya as his first project in Frontend Mentor

Table of contents

Overview

Screenshot

Screenshot

Links

My process

  • Created index.html and needed structure for div
  • Styling with index.css

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Grid
  • Bootstrap - Bootstrap

What I learned

These codes were made by help of my friends. So kudos for them!

<div class="center-box card">
      <img class="card-img-top" src="/images/image-qr-code.png" alt="qrCode">
      <div class="card-body">
        <p class="card-title">Improve your front-end skills by building projects</p>
        <p class="card-text">Scan the QR code to visit Frontend Mentor and take your coding skills to the next level</p>
      </div>
    </div>
@media screen and (max-width: 320px) {
    .center-box{
        max-width: 25vh;
        min-width: 10vh;
    }
}

About

First task from frontendmentor

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published