Responsive Coming soon page using Flex CSS, HTML and JavaScript.

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hi Daniel,

  Great work finishing the project. Just some suggestions I would like to share:

  • on mobile view, you can set the image to width 100% so it would look like how the design would look. You can add this code:

  .model {
      width: 100%;
      object-fit: cover;
      object-position: center;
  }
  

  Object fit cover and object position center will let the image not stretch and stay in the middle.

  I hope it helps :)

  Marked as helpful

  1

  ---

  

  Daniel Jansen van Vuuren•120

  @DanielJvVPosted about 3 years ago

  @fidellim Thanks for the tip. I didn't even check bigger than 375px mobile screens.

  1