👻 Grid Section: Bento (HTML + CSS + JS)

Community feedback

• 

  KapteynUniverse•1,700

  @KapteynUniversePosted 2 days ago

  Hey Natali, great job.

  I don't know how you can implement to a grid something like this where every item should have a specific position and span but you can combine auto-fit, repeat and minmax for a responsive grid.

  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr))

  With this method, items wrap with an ugly way tho. If you try it, Kevin Powell has a nice video for that problem.

  Also i think this one fit nice with your page.

  body {
      overflow-x: hidden;
  }
  
  body::-webkit-scrollbar {
    width: 0.25rem;
  }
  
  body::-webkit-scrollbar-track {
    background: #1e1e24;
  }
  body::-webkit-scrollbar-thumb {
    background: #6649b8;
  }
  

  Look to the scrollbar

  Marked as helpful

  0
• 

  Gotyan•300

  @Notyan21Posted 2 days ago

  This is a different level! 😲😳 I loved the background, it looks like it has a filter on it which makes it look even more interesting. The overall design is very well taken care of, it looks polished and visually appealing. However, I noticed that you are using a lot of div, you might consider using more semantic tags to improve the accessibility and SEO of your project.

  Other than that, it looks beautiful! 😊 I would love to get your feedback on my projects too; your perspective would be a great help in continuing to grow.

  Thanks and great work! 🙌!

  0

  ---

  

  Marzia Jalili•200

  @MarziaJaliliPosted 2 days ago

  @Notyan21 I definitely agree, it is mind blowing 🙌🙌.

  0