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! :)
Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.