My Automotive Website
/* Add your CSS styles here */
body {
font-family: sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
header h1 {
margin: 0;
font-size: 36px;
}
nav {
background-color: #eee;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
nav li {
margin: 0 10px;
}
nav a {
color: #333;
text-decoration: none;
}
main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 20px;
}
.vehicle {
width: calc(50% – 10px);
margin-bottom: 20px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
transition: 0.3s;
}
.vehicle:hover {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.vehicle img {
width: 100%;
height: 200px;
object-fit: cover;
}
.vehicle h2 {
margin: 10px;
font-size: 24px;
}
.vehicle p {
margin: 10px;
font-size: 16px;
}
footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
My Automotive Website
Go
Site Title 