Responsive Coming Soon Page with Sass and CSS grid

Community feedback

• 

  P

  Victor Villacis•105

  @Victor-VillacisPosted about 4 years ago

  Meaning the image is stretching out whenever the view-port changes. You have this code on the image .coming-soon__hero-img-mobile img { width: 100%; }

  so the image is always taking up 100% width and stretching to fit, look into using the picture tag -> https://www.w3schools.com/tags/tag_picture.asp after I would try to adjust the vw and vh, if not just make sure the image is not stretching out. Good luck!

  2

  ---

  

  Jaime Alonzo Zamudio Bustamante•90

  @JaimeAlonzoPosted about 4 years ago

  @Victor-Villacis hey thats a really awsome tip :) thank you so much

  0
• 

  P

  Victor Villacis•105

  @Victor-VillacisPosted about 4 years ago

  This is an awesome solution, it is like 1:1 comparison. The only thing I would say is try to adjust the girl image. She seems to be stretching upon resizing the image.

  0

  ---

  

  Jaime Alonzo Zamudio Bustamante•90

  @JaimeAlonzoPosted about 4 years ago

  @Victor-Villacis thanks man, so just to make sure i should make the image wider? Or can you be a little more specific? thanks for the tip ;)

  Try looking at it here maybe it looks less stretched: https://base-apparel-coming-soon-beta.vercel.app/

  0