Hoe laat je een website zich aan passen op elke resolutie?
Ik ben bezig met een website en wil graag dat de website ook bestendig is voor mobiel tablet enz.
dit is de code van css:
*
{
margin:0px;
padding:0px;
width:auto;
height:auto;
}
body
{
background-color:#f0e7c7;
}
.header
{
width:100%;
height:200px;
background-color:white;
}
li
{
display:inline;
}
li
{
float:left;
}
a
{
text-decoration: none;
width:90px;
color:grey;
font-family:arial;
font-size:15px;
margin-top:100px;
margin-left:15px;
}
.menu a {
text-decoration: none;
color: #grey;
padding:1px 1px 1px 1px;
}
.menu a:hover {
color: black;
background-color: #FFF;
}
h3
{
font-family:Streetwear;
font-size:48px;
}
h4
{
font-family:arial;
font-size:10px;
margin-left:600px;
color:grey;
}
.rondje
{
margin-top:600px;
margin-left:100px;
}
.talkcloud
{
margin-left:100px;
margin-top:100px;
}
.font
{
font-family:BigNoodleTitling;
font-size:20px;
}
.box
{
width:400px;
height:500px;
background-color:white;
margin-top:10px;
margin-left:1100px;
border-style:solid;
border-color:grey;
}
h2
{
font-family:BigNoodleTitling;
font-size:40px;
}
.footer
{
background-color:#2b2d37;
margin-top:950px;
}
Hopelijk kunnen jullie me helpen! :)