Vanilla CSS and Flexbox

Hi @samuelOlamiju

I think your component looks great, but the way you did the component it seems a little complicated, I would suggest a simpler solution:

• Center the main component using display: flex; justify-content: center; align-items: center;
• In desktop align IMG and the text ( title, description, and button) display:flex; By default the flex-direction is row
• In mobile change flex-direction: column; to stack the IMG & text ( title, description, and button)

Keep it working & happy coding...