Frontend Mentor - Blog preview card challenge solution by Jidraph Kimachia

Live | Solution | Challenge

Solution for a challenge from frontendmentor.io.

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.

Overview

This is a good challenge exercise for beginners in HTML and CSS.

PS: I don't have the Figma File, so the design is not pixel perfect.

Built with

• Semantic HTML5 markup
• CSS custom properties and variables
• HSLA Colors
• Flexbox
• Mobile Responsive
• HTML Positions

Author

• Website - Jidraph Kimachia
• Frontend Mentor - @youngjid
• LinkedIn - @jidraphkimachia
• Twitter - @young_jid

Acknowledgments

A big thank you to anyone providing feedback on my solution. It definitely helps to find new ways to code and find easier solutions!

• https://www.youtube.com/watch?v=4yiJyHAn9EI - Local Font Installation
• ChatGPT - Mobile Responsive Design