@Eileenpk
Posted
Hi Tamana! your project looks great, and this might be a helpful tip.
One change to think about is formatting your code with proper code indentation and line breaks. For this project, it doesn't matter as much but it definitely will once you start on bigger projects. It really makes it much easier to read/review/debug/reference the code. I would add the Prettier extension to Vs code if that is the IDE that you are using.
Here is what the formatted HTML should look like.
<!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"
/>
<title>Frontend Mentor | QR code component</title>
<link rel="stylesheet" href="style.QR.css" />
</head>
<body>
<main>
<article class="container">
<img src="./images/image-qr-code.png" alt="" class="img-1" />
<div class="content">
<p class="first">
Improve your front-end skills by building projects
</p>
<p class="second">
Scan the QR code to visit Frontend Mentor and take your coding
skills to the next level
</p>
</div>
</article>
</main>
</body>
</html>
Also, look into Scrimba if you want to learn JavaScript, it's free and a great way to actually get practice and you have help if you need it.
Here is a link to their free courses
- https://scrimba.com/allcourses?price=free
Hope you found this helpful!
- Let's connect on LinkedIn! - @Eileenpk