JSFiddle - React, Tailwind, and code Playground

HTML

<section id="Announcement"> orem ipsum dolor sit amet, c onsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>
<section > orem ipsum dolor sit ametelit</section>

CSS

body{
		float: left;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}

section {
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.7);
	background-color: white;
	align-content: center;
	margin: 10px;
	width: 100px;
	height: 100px;
  padding: 10px;
}

#Announcement{
	width: 210px;
	height: 240px;
}