andy
/
webdev
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

font size responsive

master
Andy 2020-03-10 21:06:15 +01:00
parent 75727ab741
commit 0bc8f05eb1
2 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/responsive.css
View File

@ -1,7 +1,16 @@
/*** /***
*** Ab hier responsive Angaben *** Ab hier responsive Angaben
***/ ***/
@media (max-width: 960px) {
.wrapper {
padding:0 10px;
}
}
@media (max-width: 620px) { @media (max-width: 620px) {
body{
font: normal 500 1rem helvetica, sans-serif;
}
header{ header{
clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px); clip-path: polygon(0 0, 100% 0, 100% 80%, 0 200px);
background: #a82e0f; background: #a82e0f;
@ -15,4 +24,7 @@
.box { .box {
width: 100%; width: 100%;
} }
body{
font: normal 500 .8rem helvetica, sans-serif;
}
} }

1
html/float.html
View File

@ -32,7 +32,6 @@
<h1>Inhalt strukturieren mit css</h1> <h1>Inhalt strukturieren mit css</h1>
<article> <article>
<h2>Float</h2> <h2>Float</h2>
<p>lorem300</p>
<div class="bigbox"> <div class="bigbox">
<div class="box floatleft"></div> <div class="box floatleft"></div>
<div class="box clearfix"></div> <div class="box clearfix"></div>