Is there a way to line up the boxes

Question

I am using react semantic ui and I am trying to line up the boxes in the columns together. The paragraph pushes up the boxes that they end up not being aligned. Would it better to create another row of columns? link

Answer 1

Add a Custom Class on <Grid> tag

<Grid className="content-div">

And add this css to your style.css

.content-div {
  width: 100%;
  align-items: center;
}

it will line up on the same level as your expectation.