Eigenes CSS ab bestimmter Pixelbreite ausschalten

pomerodi71

Hallo,

trotz intensiver Recherche finde ich keine Lösung für mein Problem.

Ich habe folgendes CSS eingefügt:

<style>

.SBcontainer {

margin-right: auto; padding-left: 50px; padding-right: 50px;

padding-top: 30px;

}

</style>

Das funktioniert wunderbar und ich habe rechts und links Ränder. Wenn ich mir die Seite aber am Smartphone betrachte, stören die Ränder.

Wie kann ich es einrichten, dass mein CSS ab einer bestimmten Bildschirmgröße nicht mehr greift?

Danke.

Steffen T.

Siehe: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Mit folgendem Code ist das CSS nur ab 768 Pixel aktiv. Die Pixel können natürlich angepasst werden.

Code

<style>
@media only screen and (min-width: 768px) {
    .SBcontainer {
        margin-right: auto;
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 30px;
    }
}
</style>

Mario

Code

<style>
.SBcontainer {
margin-right: auto; 
padding-left: 50px; 
padding-right: 50px;
padding-top: 30px;
}
@media (max-width: 860px) {
.SBcontainer {
padding-left: 10px; 
padding-right: 10px;
padding-top: 5px;
}}
</style>

Alles anzeigen

Ab einer Bildschirmbreite von 860 Pixeln sollten nun die nun Werte übernommen werden.

Da war der Steffen wohl schneller

pomerodi71

Hallo zusammen,

absolut genial, die beiden Lösungsvorschläge. Die werden mir auch in Zukunft weiterhelfen.

Danke

Eigenes CSS ab bestimmter Pixelbreite ausschalten

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?