@LoneBrokeBoy
@JoserArmando
Submitted
What are you most proud of, and what would you do differently next time?
em nada
What challenges did you encounter, and how did you overcome them?
nenhum
What specific areas of your project would you like help with?
nenhum
@LoneBrokeBoy
Posted
Good job on completing the challenge.
I see your solution doesn't contain semantic HTML. Make sure to include <main></main> next time.
You can improve your solution by animating the box shadow that you included when you hover. Like so:
Inside your file named mobile.css
.content {transition: box-shadow 0.15s}
.content:hover {box shadow: 15px 15px 0 0};
You can also include
width: max-content;
transition: color 0.15s;
}```
`h1:hover {color: var(--Yellow);}`
Make sure you follow the design properly next time. Happy coding!
@shubhranka
Submitted
@LoneBrokeBoy
Posted
Hello. Great work on finishing this challenge.
I like how you included footer by hiding it away and revealing it by scrolling.
I see you haven't included any main, h1 tags. Make sure to include them to support screen readers. You also could include media queries for smaller screens.
here's an example on how you could include main, h1 tags in your code.
<main class="background">
<div class="card">
<div class="card-image">
<img src="images/image-qr-code.png" alt="QR code" />
</div>
<div class="card-content">
<h1 class="card-title">
Improve your front-end skills by building projects
</h1>
<p class="card-description">
Scan the QR code to visit Frontend Mentor and take your coding skills to the next level
</p>
</div>
</div>
</main>
Also, I see how you haven't included any questions with your submission. Still, if you have any question then make sure you ask them.
Overall you did well. Happy coding!