Order Summary [CSS Grid & Flexbox]

Community feedback

• 

  Kamlesh Rajesh Yadav•5,060

  @Kamlesh0007Posted over 1 year ago

  Congratulations on completing the challenge! Your hard work and dedication are truly admirable. As you continue to hone your skills, here are a few suggestions that may be helpful:

  Keep practicing and learning new things. The more you challenge yourself, the more you'll grow as a developer. Seek feedback from others. It's always helpful to get a fresh perspective on your work and learn from constructive criticism. Collaborate with other developers. Working with others can help you learn new techniques and improve your coding skills. Again, congratulations on completing the challenge, and I wish you continued success in your coding journey! 😁

  1
• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

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

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

  ---

  BROKEN iMAGE PATH 📸:

  • This image path is broken simply because of incorrect path, the styles.css is inside of css folder the pattern-image is inside of image folder.

  ---

  • So image folder is sibling of css folder, but the path you provided for patter-image in css is pointing from root of directory

  ---

  • We can quickly fix it by rectifying the style rule,

  body {
    background-image: url("../images/pattern-background-mobile.svg");
  }
  
  @media (min-width: 500px)
    body {
      background-image: url("../images/pattern-background-desktop.svg");
    }
  }
  

  ---

  • Now we properly assigned the image path

  ---

  .

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

  Happy coding!

  0