I use flexbox for align items centrally

Hey there! 👋 Here are some suggestions to help improve your code:

• To set the background image ⚠️, apply the following properties to the body;

body {
  background-image: url(../images/pattern-background-mobile.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

If you have any questions or need further clarification, feel free to reach out to me.

Happy Coding! 🎆🎊🪅

Hi Adarsh👋 Great job on completing this challenge! 🥳

• It would be beneficial for you to learn more about media queries and how they can be used to create responsive designs. Resources such as the CSS Tricks guide on media queries and the Mozilla Developer Network's guide on responsive design would be helpful.

• You should also consider using CSS Grid and Flexbox, which are powerful tools for creating responsive layouts.

Learn more for free here:

• Responsive Design
• Responsive Web Design Guide
• FreeCodeCamp Responsive Web Design
• W3Schools - Responsive Web Design
• Udemy Responsive Design

Overall, this is a very well done solution to the challenge. Great job!

Hope I'm Helpful! 👍

Keep up the good work! 😊❤️