Design comparison
Solution retrospective
This was a tough but fun challenge for me to practice creating responsive design. If there are any issues or improvements, I would be happy to hear any advice. Note: I first used CSS @import, but it didn't work when deploying the project into GitHub Pages. After researching, apparently, GitHub Pages seem to ignore underscores (e.g. "_name"), just so you be aware.
Community feedback
- Account deleted
Hi there 👋
Congratulate on finishing your project 🎉. You did a great job 💡
I give some suggestions to help you take your project design to the next level 📈😉
- The image does not fit to its box on the screen width
1100px
and to this issue add this line of code to theimg
in CSS
object-fit: cover;
Happy coding ☕
Maqsud
0@TSune-webPosted over 2 years agoHi @maqsudtolipov👋🏼
Thank you for the advice👍🏼 As you said, after adding object-fit: cover, it indeed looks way better✨ I was actually struggling with modifying image size so your suggestion helped me a lot!
Thanks!
Happy coding☕️
1 - The image does not fit to its box on the screen width
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