Docs Viewer + Mini Editor

<!DOCTYPE html> <html> <head> <title>Ebooks and Audios</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Ebooks and Audios</h1> </header> <section id="ebooks"> <h2>Ebooks</h2> <div class="grid"> <div class="grid-item"> <img src="book1.jpg" alt="Book 1" class="book-cover"> <h3>Book 1</h3> <a href="#" class="view-details" data-modal="book1-modal">View Details</a> </div> <div class="grid-item"> <img src="book2.jpg" alt="Book 2" class="book-cover"> <h3>Book 2</h3> <a href="#" class="view-details" data-modal="book2-modal">View Details</a> </div> <div class="grid-item"> <img src="book3.jpg" alt="Book 3" class="book-cover"> <h3>Book 3</h3> <a href="#" class="view-details" data-modal