responsive landing page using flex grid

Hey @tassnyme

Your solution looks great but try adding this to the body element

body {
  background-color: hsl(220, 15%, 55%);
  font-size: 15px;
}

Change the h1 in the div with the class of text to h3

I hope this helps. Happy coding.

Congratulations on completing your first challenge

However your paragraph is overflowing from container.

This can happen if you set the height to the value lower than required. If you don't set the height property it will be set to the max content.

Also align-items and justify-content is property related to flex box and have no meaning if not used with flex box

As a new frontend developer i would suggest you to stick to given design as much as possible because it can help you to understand the basic of css and later on you can style as per you desire.

Below are the resources which helped me in learning css

Web.dev

Dave gray CSS playlist

And feel free to ask whatever doubt you have there are many awesome people on this platform who will help you.