sm

<section id="custom_m"> <div class="customh1"> <a href="ncert_solutions.html"> <img src="ncert_logo.png" alt="NCERT Logo" class="m_log" /> <h2>NCERT Solutions</h2> <p>Access comprehensive solutions to NCERT textbooks</p> </a> </div> <div class="customh1"> <a href="previous_year_questions.html"> <img src="prev_year_logo.png" alt="Previous Year Logo" class="m_log" /> <h2>Previous Year Questions</h2> <p>Practice with a vast collection of previous year exam questions</p> </a> </div> <div class="customh1"> <a href="books_and_notes.html"> <img src="books_notes_logo.png" alt="Books and Notes Logo" class="m_log" /> <h2>Books and Notes</h2> <p>Find curated selection of recommended books and notes</p> </a> </div> <div class="customh1"> <a href="engg_notes.html"> <img src="engg_notes_logo.png" alt="Engineering Notes Logo" class="m_log" /> <h2>1st Year Engineering Notes</h2> <p>Access study materials for first-year engineering students</p> </a> </div> </section> <style> #custom_m { display: flex; flex-wrap: wrap; justify-content: center; } .customh1 { width: 300px; margin: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 5px; text-align: center; } .customh1 h2 { color: #333; } .customh1 p { color: #666; } .customh1 a { text-decoration: none; /* Remove underline */ } .m_log { width: 100px; /* Adjust as needed */ height: 100px; /* Adjust as needed */ margin-bottom: 10px; } </style>