<section class=”cricket-section”>
<h2>CRICKET NEWS</h2>
<div class=”cricket-news-grid”>
<article class=”cricket-post”>
<a href=”https://yourdomain.com/cricket-article-link“>
<img src=”https://yourdomain.com/path-to-cricket-image.jpg” alt=”Cricket News”>
<h3>India vs Pakistan T20: Match Highlights & Analysis</h3>
<p>Relive the intense moments of the latest IND vs PAK clash, with full highlights, scores, and expert breakdown.</p>
</a>
</article>
<!– Add more cricket posts here –>
</div>
</section>
<style>
.cricket-news-section {
padding: 20px;
background: #e8f5e9;
border-top: 4px solid #2e7d32;
}
.cricket-news-section h2 {
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.cricket-news-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.cricket-post {
width: 300px;
background: #fff;
border: 1px solid #bbb;
border-radius: 8px;
overflow: hidden;
}
.cricket-post img {
width: 100%;
height: auto;
}
.cricket-post h3 {
font-size: 18px;
margin: 10px;
}
.cricket-post p {
font-size: 14px;
margin: 0 10px 10px;
}
.cricket-post a {
text-decoration: none;
color: inherit;
display: block;
}
</style>