Easybank landing page with CSS Grid

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hello, Jesús Alejandro Atao! 👋

  It's great to see you completing so many challenges! 😃 Well done on this one! 👍 Your solution looks great and responds nicely! I also really like the hover states of the navigation links in the header of the page and the transition of the mobile navigation! 🙌

  A super tiny suggestion might be to add cursor: pointer to the "Request Invite" button in the hero section of the page. 😉

  As always, keep coding (and happy coding, too)! 😁

  1

  ---

  

  Jesús Alejandro Atao•970

  @JesusAtao96Posted almost 4 years ago

  Hello @ApplePieGiraffe 👋

  Thanks for the comment 😊, I just updated the project.

  Happy coding, too! 🎉

  1

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  @JesusAtao96

  Awesome, looks good! 👍

  1
• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 4 years ago

  Awesome work on this challenge, Jesús!! Your solution looks amazing and scales down really well to mobile!

  Interested to hear more about your thoughts around the empty div elements for the background styles. Could you go into that in more detail, please?

  You've been posting some awesome solutions. Keep up the great work!

  1

  ---

  

  Jesús Alejandro Atao•970

  @JesusAtao96Posted almost 4 years ago

  Hi @mattstuddert 👋

  In this challenge i try to do something different 🔥, use the power of the grid to have the content centered and divided.

  The empty divs to give the full background to the sections is something strange but I wanted to do it that way and not the usual thing that is to have a parent div with the full width and a child div with a specific width centered with margin: 0 auto or using flexbox 🔃 .

  The empty divs are accompanied by their sections in the same position on the grid, the full width is specified by the names I gave to the tracks [full-start] / [full-end], and the height is automatically adjusted to the content from the section.

  I loved the result and if I can think of a different and strange way to do it, you will know it in the next challenges 😊.

  1

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 4 years ago

  @JesusAtao96 nice to see you trying different techniques and experimenting. That's exactly what these challenges are for! 🚀

  Looking forward to seeing your next solution 🙂

  1
• 

  seyide hundeyin•440

  @SeyideHundeyinPosted almost 4 years ago

  This is very nice and it matches the design perfectly.

  Happy coding!!

  1

  ---

  

  Jesús Alejandro Atao•970

  @JesusAtao96Posted almost 4 years ago

  Thanks seyide 😊

  1