Responsive web landing with SCSS, media queries, and flexbox.

Community feedback

• 

  Aman Singh Bhogal•1,010

  @asbhogal

  Posted almost 2 years ago

  Hi Muharrem,

  The reason why your images aren't showing is due to the path - remove the extra . at the beginning, as ../ takes it one directory up from the root. By changing it to . it looks for the images folder from the root of the project files, not another level up from it

  Also, this is a good attempt however you should ideally use grid for these columns as it retains the intrinsic value and prevents condensing of the content, which is what's occuring between 549px and 630px. Here's a link explaining the difference and how to use them Link

  You should also avoid setting explicit width values as this is causing overflow in your content. Replace this with a max-width value and a width: 100% to ensure anything below that width occupies the full width of the container.

  Hope this helps!

  00