Design comparison
SolutionDesign
Solution retrospective
mobile background image I don't know the best way to fit it
Community feedback
- @MasterDev333Posted almost 4 years ago
Great work @mohamed. You should focus on the responsive later time. It looks good on both mobile and desktop, but when the screen goes down, it shows a horizontal scrollbar. You may check it at 920px. And it would be great if you add some transitions for buttons and hover effect for social icons. That's all. Happy coding~
0 - @axevldkPosted almost 4 years ago
Hi, Mohamed Farid ~ I have studied your work, and here is my advice.
@media (max-width: 800px) { body { background-image: url(../images/bg-mobile.svg); background-color: var(--primary1-violet); background-repeat: no-repeat; background-size: contain; background-position: center top; } }
It may helpful to add background size and position to your properties. Hope this will help you even a bit. Happy coding ~
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