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 using Bootstrap

MaziluRO 180

@MaziluRO

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


Hello. This is my second challenge after a long break. I took a bootstrap course recently and wanted to test what I learned so far. In my css, in some elements I used REM and in others I used px. Should I use rem or px when making responsive webpages? Also, I tried to make the page responsive for tablet and laptop too but I don't think I did it right for tablet (I wanted to keep the image's width so I made the div with 6 collumns for tablet). I would also like to know how to make the webpage responsive for landscape mode, I kinda got stuck there. Other than that, if you can offer me other helpful tips regarding responsive webpages, I would appreciate it a lot.

Community feedback

@bashiroglu

Posted

Looks great but in some screen sizes, the image looks stretched. You may use a background image and bg size property to avoid that issue. Good luck

0
MaziluRO 180

@MaziluRO

Posted

Oops, I just noticed I forgot to add alt texts to some images. I remember from my first challenge that those texts are for SEO purposes. I will be more careful.

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