CSS tutorial series: Challenge 2 (Flexbox)

In this post we're going to apply everything we've learned so far.

Your're going to recreate this Layout with Flexbox.

Source: Frontend mentor

Try on your own before viewing the solution

Follow the instruction:

• In your favorite code editor create two separate HTML and CSS files and.

• Link your CSS file to your HTML file.

The colors you will need:

• Title font color and First bottom container background color : #2BB4B1

• Subtitle font color and button background color: #BEDF32

• description paragraph font color: #BBC0C6

-Second bottom container background color: #49BEBD

Tips:

Research :

• border-bottom-left-radius

• border-bottom-right-radius

• box-shadow

Do not worry about how it looks on smaller screens like mobile ignore everything inside a @media only screen...{} for now we'll get to that in a later tutorial

Solution