0

I am a newbie to CSS. My problem is as follows: I have 3 sections with 2 columns in each. When I view it on mobile, it does stack correctly, but the image height is very low.

My image is set as a background in the column and set to cover.

What CSS can I use and where do I add the class once created?

Damn...I must sound so dumb.

Hope you lovely people know what I mean!

Sophia
  • 1
  • 1
  • 2
    Does this answer your question? [Media Queries: How to target desktop, tablet, and mobile?](https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile) – Daniel Geffen Nov 27 '20 at 14:50
  • you must use media queries to do so. What do you mean by "the image height is very low ?" Do you have some codepen, or anything so we can see what you mean and give you a precise answer ? And don't worry, there's no dumb question, everyone is a newbie one day. – Hicham Nov 27 '20 at 18:13
  • Hi Daniel. Here is the page I am experimenting: https://konnekt.net.za/home-2-2/. It shows the full width for mobile view, but it's height does not resize automatically and only shows a slither. The images are set as BG images in the column, set to COVER and I selected Equal Height for the rows. – Sophia Nov 30 '20 at 12:53
  • I found the solution! – Sophia Nov 30 '20 at 13:41
  • /* Responsive images */ @media (max-width: 671px) { .min-height { min-height:450px; } } – Sophia Nov 30 '20 at 13:41

0 Answers0