CODEWITHSUNDEEP
css
chrona
chrona

Reputation: 1911

Declaring two min-height properties

I am working on a site where certain sections have 100% height. To achieve this I am using the new css3 unit vh as a min-height (100vh).

In each section there is also a element which is absolute positioned and aligned with the bottom of the page. You can see an example of it here.

The problem which occurs is that on a smaller screen the button shows up upon the text. I know that I could e.g. let the button disappear on smaller screens with @media; instead I would like to know if there is a css3 possibility in doing something like this:

.element {
  min-height: 100vh && 200px;
}

Any other css tricks too achieve this are also appreciated (I can change the markup).

Upvotes: 0

Views: 49

Answers (1)

Bhojendra Rauniyar
Bhojendra Rauniyar

Reputation: 85545

No, it makes no sense to use like that. You must use media query.

If it was to be added like you mentioned it would just sense if vh is undefined px would take.

But to say, it would never be applied like so.

Upvotes: 2

Related Questions