Design comparison
Solution retrospective
Any feedback please!
Community feedback
- @grace-snowPosted almost 4 years ago
Hey Mesut, well done on the share section, that can be tricky to get right!
I'm viewing on mobile and the picture is really squished and stretched, all distorted, for me, so you may want to look at that again.
My main other tip for you is to use classes for all your css styling, not IDs. You shouldn't ever need to hook styles only ids. Their specifity is high and that's not something you'll want in bigger projects. Try to use a single class for each css selector, not multiple or nested classes and that will keep your specifity nice and low
Keep on coding! ☺
1@mesutcifciPosted almost 4 years ago@grace-snow Hi Grace, thanks for your comment. I've just realized. I tried to three different android devices but design is normal that. But when I look at the design through the safari yeah all of is broken. This confused me. Actually i don't know how can i resolve this :(
0@grace-snowPosted almost 4 years ago@mesutcifci that's strange because I'm on a small screen android device.
I think it's to do with widths and heights on the image and/or it's wrapper? Maybe have a look through some other people's solutions, inspect on dev tools and that will offer a solution. It may just need an auto height on mobile or something like that
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