CSS min-width fixed and percentage

css, html

Solution

You only have to do this:

section {
    min-width: 600px;
}

it is automatically 100%, with a minimum of 600px.

Problem

I'm wondering if I can have a section to have min width both as percentage and a fixed amount. Let me be more clear, I have the following html: ``` <body> <main> <section id="home-section"> ...Content... </section> <section id="team-section"> ...Content... </section> </main> </body> ``` I have ``` section{ min-width: 100%; } ``` Is there a way to have min-width as both: 100% and 600px? So that if the viewport is less than 600px the width its 600px and if its more the min-width its 100%? (It can be more because of content)

Original source