Frontend Mentor - QR code 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

• What I learned

• Continued development

• Useful resources

• Author

• Acknowledgments

Overview

Screenshot

Links

• Solution URL:hastie101/QR-code: Front-end mentor challenges (github.com)

• Live Site URL:Frontend Mentor | QR code component (hastie101.github.io)

My process

Built with

• Semantic HTML5 markup

• CSS custom properties

What I learned

<div  class="card"  style="">

<img  src="Images/QR-code.png"  class="card-img-top"  alt="...">

<div  class="card-body">

<h5  class="card-title">Improve your front-end skills by building projects</h5>

<p  class="card-text">Scan the QR code to visit Frontend Mentor and take your coding skills

to the next level</p>

</div>

</div>

.card{

display: flex;

padding: 15px;

border-radius: 20px;

margin: auto ;

margin-bottom: 0;

flex-direction: column;

width: 300px;

}

If you want more help with writing markdown, I'd recommend checking out The Markdown Guide to learn more.

Continued development

I'd like to continue further HTML and CSS development as well as integrate Javascript into future projects.

Useful resources

• GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live. - This helped me to host my project. I really liked this pattern and will use it going forward.

• StackEdit – In-browser Markdown editor- This is an In-browser Markdown editor which helped me when writing this README file. I'd recommend it to anyone still learning this concept and to those who do content writing.

Author

• Github - hastie101 (Hastings) (github.com)

• Frontend Mentor - Frontend Mentor | Front-end coding challenges using a real-life workflow

• Twitter - Hastings Waita (@HastingsWaita) / Twitter

Acknowledgments

I would like to acknowledge the following for their contribution in helping me make this project a success:

• Samson Aricha - http://www.linkedin.com/in/aricha-samson https://github.com/samAricha
• Emmanuel Mwaele - https://github.com/mwaele
• Leon Munyao - http://twitter.com/leonflssz https://www.linkedin.com/in/leone-munyao-779418247/