Design comparison
SolutionDesign
Solution retrospective
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./images/favicon-32x32.png"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<title>QR code component</title>
</head>
<body>
<section>
<div class="con">
<img
src="./images/image-qr-code.png"
alt=" QR-code for forntend mentor"
class="qr"
/>
<h3 class="head">
Improve your front-end skills by buildding projects
</h3>
<p>
scan the QR code to visit frontend mentor and take your coding skills
to the next level
</p>
</div>
</section>
</body>
</html>Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord