Design comparison
Solution retrospective
I used triangle and pentagon images as background. But had to reduce its size for mobile devices. So I used backgroundSize: 250px 250px.
The problem was unexpected as it thinned the triangle and pentagon lines. Can you explain why? How do I avoid lines being thinned?
Community feedback
- @mbcod3Posted almost 5 years ago
Thank you. I asked that because in the images it seems mobile and desktop has same thickness for triangle and pentagon background.
Anyway if you are saying its unavoidable and it looks good this way I am good with that.
0 - @mattstuddertPosted almost 5 years ago
First of all, I just wanted to say that you've done an awesome job on this challenge. I'm loving the toggle switcher for the classic and advanced version. Great work! 👍
The lines on the SVGs will become thinner as the images become smaller for mobile. This is expected behaviour as the whole image is shrinking. So it can't really be avoided. Why would you want them to stay the same thickness?
0
Please log in to post a comment
Log in with GitHub
Join 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