Project using HTML,CSS,Javascript

Community feedback

• 

  Natali 👻 Grimm•1,150

  @Grimm-NPosted 8 days ago

  Great job on your project—it’s looking amazing! The effort and creativity you’ve put into this really shine. 🌟

  A few quick suggestions to take it to the next level:

  1. The inline styles in your HTML are just for demonstration purposes. Move them into your CSS file to keep things tidy and easier to maintain.
  2. Pixels are kinda old-school! Using units like em, rem, or percentages gives your design more flexibility and makes it way more responsive.
  3. To center an element like in the design, try using Flexbox for the container:

     .container {  
         display: flex;  
         justify-content: center;  
         align-items: center;  
         height: 100vh; /* Example height */  
     }  
     

  4. For medium-width screens, consider switching to the mobile layout (like placing the image on top) a bit earlier. And don’t forget, you can use responsive typography by adjusting the text size gradually with media queries or clamp().

  You're absolutely crushing it—keep up the awesome work!

  1