-Frontend-Mentor-QR-code-component

This is my first challenge from Frontend Mentor.

Frontend Mentor - QR code component 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: Github
• Live Site URL: Netlify

My process

Built with

• HTML5
• CSS
• Flexible Box Layout

What I learned

body{
	height: 100vh;
	background-color: hsl(220, 15%, 55%); 
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#container img {
	width: 100%;
	border-radius: 10px;
}

Continued development

Bem concluido o desafio percebi que ainda tenho muito por aprender no css em especial (flexbox). Acredito que este foi um passo para melhorar as

Useful resources

• Resource 1 - Boa explicacao de como usar o Flexbox layout.
• Resource 2 - Posicionamento do layout.

Author

• Frontend Mentor - @jossias

Acknowledgments

Um obrigado ao canal do youtube darkcode e ao site css-tricks.com pois foi com ao auxilio do material por eles disponibizado que consegui finalizar este desafio.