
/ CSS för att göra sidan responsiv */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
header, nav, main, footer {
padding: 20px;
}
nav ul {
list-style: none;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
nav ul li {
margin: 5px 10px;
}
img {
max-width: 100%;
height: auto;
}
/* Responsiva regler */
@media (max-width: 768px) {
nav ul {
flex-direction: column;
align-items: center;
}
nav ul li {
margin: 10px 0;
}
header, nav, main, footer {
padding: 10px;
}
}
@media (max-width: 480px) {
body {
font-size: 14px;
}
nav ul {
flex-direction: column;
}
nav ul li {
margin: 8px 0;
}
}
