Break your styles up into smaller files (e.g., reset.css , buttons.css , layout.css ) and import them into one main file using @import .
To write CSS with confidence in 2024 and beyond, you have two tools: (1D layout) and Grid (2D layout).
<main class="cards-grid"> <article class="card"> <img src="image.jpg" alt="" class="card__image"> <h3 class="card__title">Title</h3> <p class="card__description">Short description...</p> <a href="#" class="card__button">Read more</a> </article> <!-- repeat cards --> </main>