Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

base-apparel-coming-soon-master-page using flexbox and sass

#sass/scss

@JoannaKalbarczyk

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

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

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

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 because alt text is read by screen readers to describe images to users, so it’s important to write alt 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 helpful

2
Rajat Bhattβ€’ 280

@bhattrajat

Posted

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 GitHub
Discord logo

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