font size responsive
parent
75727ab741
commit
0bc8f05eb1
|
@ -1,7 +1,16 @@
|
|||
/***
|
||||
*** Ab hier responsive Angaben
|
||||
***/
|
||||
@media (max-width: 960px) {
|
||||
.wrapper {
|
||||
padding:0 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 620px) {
|
||||
body{
|
||||
font: normal 500 1rem helvetica, sans-serif;
|
||||
}
|
||||
header{
|
||||
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px);
|
||||
background: #a82e0f;
|
||||
|
@ -15,4 +24,7 @@
|
|||
.box {
|
||||
width: 100%;
|
||||
}
|
||||
body{
|
||||
font: normal 500 .8rem helvetica, sans-serif;
|
||||
}
|
||||
}
|
|
@ -32,7 +32,6 @@
|
|||
<h1>Inhalt strukturieren mit css</h1>
|
||||
<article>
|
||||
<h2>Float</h2>
|
||||
<p>lorem300</p>
|
||||
<div class="bigbox">
|
||||
<div class="box floatleft"></div>
|
||||
<div class="box clearfix"></div>
|
||||
|
|
Loading…
Reference in New Issue