Design comparison
Solution retrospective
I made use of a pseudo selector for the slider.
Community feedback
- @tesla-ambassadorPosted over 2 years ago
Hey Demand_dev Congrats on completing your solution also good job making use of the
:before
pseudo selector your solution looks pretty sharp. You might want to work on the responsiveness though because it breaks at certain screen widths (between 375px and 850px). I tinkered around with your code and I think adding these styles at these break points will guide you on how to make the responsiveness better:@media screen and (max-width: 950px) { .container { width:90%; gap: 15px; } } @media screen and (max-width: 845px) { .container { flex-direction: column; } .left { width: 80%; } .right { width: 80%; } }
It kind of made the responsiveness a little better and smoother but I know you'll have better styles😁 Happy Coding!
Marked as helpful0@DemandtechPosted over 2 years ago@tesla-ambassador Thank you very much, I will add and push it now....
1
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