Order Summary U sing HTML and CSS

Community feedback

• 

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 8 days ago

  Your work looks fantastic—seriously, you're doing amazing! 👏 The effort shows, and the design is coming together beautifully. Just a few friendly tips to keep the magic going:

  1. The inline styles in the HTML? Feel free to delete those—they’re just there as placeholders to guide you.

  2. Pixels are like the OG units, but consider using em, rem, or percentages instead. They’re more scalable and make your design friendlier on devices of all sizes. Trust me, your layout will thank you!

  3. To get the footer below the card, add this to your flex container:

     .container {  
         display: flex;  
         flex-direction: column;  
     }  
     

     Or, if the footer isn’t really needed, you can just remove it—it’s just a placeholder too!

  4. If your image has weird padding, here’s a quick fix: put it in its own container. This way, it won’t inherit padding or styles from other elements. Something like:

     <div class="image-container">  
         <img src="your-image.jpg" alt="Cool image" />  
     </div>  
     

  Keep crushing it—your project is seriously impressive! 🚀

  Marked as helpful

  1

  ---

  

  Rahana23•120

  @Rahana23Posted 8 days ago

  @Grimm-N Noted and will apply all these on my next project thank you

  0

  

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 8 days ago

  @Rahana23, Always happy to help! That's the beauty of this platform—we help each other learn. 😊

  Marked as helpful

  0