This is a solution to the QR code component challenge on Frontend Mentor. Created by Effel Zefanya as his first project in Frontend Mentor
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- Created index.html and needed structure for div
- Styling with index.css
- Semantic HTML5 markup
- CSS custom properties
- CSS Grid
- Bootstrap - Bootstrap
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;
}
}