Reponsive landing page use bootstrap / Flexbox

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have some recommendations regarding your code that I believe will be of great interest to you.

BACKGROUND iMAGE 📸:

• Looks like the background images has not been properly set, So let me explain how you can easily apply the background color with the background svg they provided.

• Add the following style rule to your css, after completing these steps you can experience the changes.

-- FOR DESKTOP --
body {
  background-image: url('../images/bg-pattern-top-desktop.svg'), url('../images/bg-pattern-bottom-desktop.svg');
  background-size: 50%, 80%;
  background-position: top -23% left -9%, bottom right -30%;
}

-- FOR MOBILE --
body {
  background-image: url('../images/bg-pattern-top-mobile.svg'), url('../images/bg-pattern-bottom-mobile.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: top left, bottom right;
  background-size: 100%, 100%;
}

• Tip, Don't forget to generate a new screenshot after editing the css file

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!