Design comparison
Solution retrospective
Hi all, This is my first front-end mentor project, I´m a complete beginner and have been trying to teach myself HTML/CSS for a few weeks now. It took me a long time to put this together unfortunately! I would really welcome all feedback, I had to do a lot of trial and error and pretty sure both CSS and HTML have lots of errors/are repetitive. Many thanks in advance to everyone!
Community feedback
- @vo-kePosted over 1 year ago
On the outside, it looks good but inside the code is so flawed. if you notice well, your solution is not responsive; asin it doesn't align well under small screen size. the whole code needs an over-haul in general. try placing each contents in a div instead of leaving them in the bare background and using the neigbouring div or tag to try and position them .
After that your "main" tag, try adding a "div" inside, that you'll place the contents in.
and remove that 'max-height%' and 'max-width%' stuffs. its making the stuff cluster on small screen. try putting a definite width.
Marked as helpful0 - @waad2lfPosted over 1 year ago
Well done! your work looks amazing, But the box shadow is a little too much.
1 - @itushPosted over 1 year ago
🎉 Congratulations on completing your first challenge! That's a fantastic milestone to achieve! 🌟
Your solution looks nice to me :)
Welcome to the platform! 🎉 We're thrilled to have you here and excited to see your progress as you continue your front-end development journey. 💪
I remember when I started out, I made countless mistakes and spent long hours searching for solutions. But hey, you don't need to go through the same struggles! 🙌 To help you shorten the learning curve, I recommend going through the following articles. They contain valuable insights that can make your journey smoother:
I hope you find these resources helpful in your coding adventures! 🤞 I'm eagerly looking forward to seeing the amazing projects you'll create in the future! 🚀💻
Keep up the fantastic work and happy hacking! 💪✨
0
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