base-apparel-coming-soon-master-page using flexbox and sass
Design comparison
Solution retrospective
Hi everyone! I was struggling a bit with making this site responsive, especially when it comes to make it responsive to tablets. Could you please give some tips how to fix that? I would appreciate any feedback! Thanks
Community feedback
- @ApplePieGiraffePosted over 2 years ago
Hello there, JoannaKalbarczyk! π
Well done on this challenge! π Your solution looks good! π
Here are a couple of things I'd like to suggest,
- Adding
object-fit: cover
to the hero image on the page so that the image does not seem stretched or squeezed when its aspect ratio/dimensions change. - Adding some more descriptive
alt
text to the images in the page. Thatβs becausealt
text is read by screen readers to describe images to users, so itβs important to writealt
text that makes sense and will give users a good sense of the content and purpose of an image.
A simple way to make your site more responsive is to simply switch to a mobile-friendly layout sooner. That way, you can prevent the content of the page from looking very squeezed right before the layout changes. Here's a pretty good solution to this challenge that you can check out if you'd like some ideas.
If youβd like to learn more about how to make sites responsive, check out this helpful course.
Hope this helps. π
Keep coding (and happy coding, too)! π
Marked as helpful2 - Adding
- @bhattrajatPosted over 2 years ago
Hi @JoannaKalbarczyk, congratulations on finishing the challenge. I suggest you make it the tablet view same as the mobile view that way It will adjust the content/text in a better way for the tablet view.
0
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