Reponsive landing page use bootstrap / Flexbox

Community feedback

• 

  Abdul Khaliq 🚀•72,380

  @0xabdulkhaliq

  Posted over 2 years ago

  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!

  10

  Marked as helpful