From 75727ab7416ac36ccea99f2ff80c8f801abac8a0 Mon Sep 17 00:00:00 2001 From: Andy Date: Tue, 10 Mar 2020 20:30:01 +0100 Subject: [PATCH] responsive --- css/responsive.css | 18 ++++++++++++++++++ html/float.html | 2 ++ 2 files changed, 20 insertions(+) create mode 100644 css/responsive.css diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000..6f501f9 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,18 @@ +/*** + *** Ab hier responsive Angaben + ***/ + @media (max-width: 620px) { + header{ + clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px); + background: #a82e0f; + } + footer{ + clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 200px); + background: #a82e0f; + } +} +@media (max-width: 400px){ + .box { + width: 100%; + } +} \ No newline at end of file diff --git a/html/float.html b/html/float.html index d6564dc..4153743 100644 --- a/html/float.html +++ b/html/float.html @@ -10,6 +10,7 @@ + @@ -31,6 +32,7 @@

Inhalt strukturieren mit css

Float

+

lorem300