Was having difficulty making it more responsive. I was able to use mediaquery to set breakingpoints, however before the page is shrunk down to the breaking point, the card was already half off-screen due to lack of responsivity. Any suggestions?
Alexander Hoskinson
@alexander215All comments
- @yuany2036Submitted over 2 years ago@alexander215Posted over 2 years ago
Good work! You should be able to fix this up with a quick change. Your media query is set to change at a width of 375px. Try changing that to the point when the wide version goes off the screen (maybe around 1100px). When sizing the media queries, you generally want them to be at the place where one layout starts to look bad. So it usually comes from the larger one, not the point where you've hit the max size on the smaller.
In a perfect world, there would be a tablet-sized design to go in between the two, but I believe this challenge only provides these two.
Marked as helpful1