body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

header {
	background: linear-gradient(to right, #ff8a00, #ff0084);
  	color: #fff;
  	padding: 20px;
}

header h1 {
	margin: 0;
	font-size: 36px;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav li {
	display: inline-block;
	margin-right: 20px;
}

nav li:last-child {
	margin-right: 0;
}

nav a {
	color: #fff;
	text-decoration: none;
	font-size: 18px;
}

nav a:hover {
	text-decoration: underline;
}

main {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

#hero {
	background: linear-gradient(to right, #ff0084, #ff8a00);
  	color: #fff;
  	text-align: center;
  	padding: 80px;
}

#hero h2 {
	margin: 0;
	font-size: 36px;
}

#hero p {
	font-size: 18px;
}

#featured-books {
	margin-top: 50px;
}

#featured-books h2 {
	margin: 0;
	font-size: 24px;
	margin-bottom: 20px;
}

#featured-books ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

#featured-books li {
	flex-basis: calc(33.33% - 20px);
	margin-bottom: 20px;
	background-color: #f2f2f2;
}

#featured-books a {
	display: block;
	padding: 20px;
	color: #333;
	text-decoration: none;
}

#featured-books img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#featured-books h3 {
	margin: 0;
	font-size: 20px;
	margin-bottom: 5px;
}

#featured-books p {
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
}

.price {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
}

@media screen and (max-width: 768px) {
	#featured-books ul {
		flex-direction: column;
	}
	
Dans la section CSS, nous avons ajouté une règle pour les tailles d'écran plus petites à l'aide des media queries. Dans ce cas, nous avons défini une largeur maximale de 768 pixels pour les écrans plus petits et avons modifié la disposition des éléments en les affichant en colonne.

J'espère que cela vous aidera à créer un site web de vente d'ebooks avec une mise en page horizontale adaptée aux appareils mobiles. N'oubliez pas que ce n'est qu'un exemple et que vous devrez personnaliser le code en fonction de vos besoins spécifiques.