Design comparison
Solution retrospective
So i have been having this problem for most of my challenges now, if you look into my "READ.md" form, you will see m screen shots of how i solved the process within my web dev. tools browser. it is most obvious that the final product looks way different compared to github pages. why is that? can someone give me some advice on browser formality. i want to solve the next challenge and this time getting it right on all browsers such as mine and github pages. i am not sure if i am explaining it right, but the screens are proof i definitely got the challenge right compared to how it looks on github pages.
Anyways, for the challenge, i would appreciate critical comments, i always look back at all my comments since its you guys who make me better each time. Thank you!
Community feedback
- @FluffyKasPosted over 3 years ago
Hiyo,
If I understand it correctly, your problem is that your component keeps growing with the size of the screen (even though it looked fine, when in dev tools you set the width to 1440px). I'd start by setting the max-width of the card not in % but in px/rem. That way it just stops growing when it reaches the set px/rem. Also, the colours are not quite right, I'd double-check them too, if I were you ^^
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