Design comparison
Solution retrospective
I enjoyed this challenge!! I struggled with the Anual Plan section, I tried to find the best way to make it look as close as posible like the image and this is how I did it. I also made long weird classes, I'm doing my best to get better at it lol. What do you guys think? feel free to see my code and give some feedback, I will thank you a lot :) Have a good day y'all <33
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hi Fernando Perez, how are you?
I really liked the result of your project, but I have some tips that I think you will like:
1- Page should contain a level-one heading, you could have changed
h2
toh1
click hereI noticed that the background image is breaking at higher resolutions, and I noticed that the content is not centered, to fix these things we can do the following:
I added:
@media (min-width: 48rem) body { background-image: url(/Frontend_Mentor-7thChallenge/assets/images/pattern-background-desktop.svg); background-size: 100% 50vmin; display: flex; align-items: center; justify-content: center; min height: 100vh; }
I will withdraw:
body { /* padding: 5em 1.5em; */ }
If you have any questions, answer this comment and I'll explain better!!
The rest is great!!
Hope it helps...👍
Marked as helpful0
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