Meet landing page

Community feedback

• 

  Eugenia•950

  @JaneMorozPosted over 1 year ago

  Hey Zet! Wow, your solution is awesome ❤️

  Some things I've noticed:

  • I think I would just add a bit of top padding to the header or nav
  • And often this kinda of logos are supposed to be links (which lead to Home page).

  About the circle number icon:

  • I think the way I would do it:

  <div class="section-number">01</div>
  

  // The circle with the number inside
  .section-number {
    position: relative;
    height: 40px;
    width: 40px;
    display: flex;
    align-items:center;
    justify-content: center;
    border: 1px solid grey;
    border-radius: 50%;
  }
  
  // The line
  .section-number::before {
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    content: " ";
    height: 70px;
    width: 1px;
    background-color: grey;
  }
  

  This is not styled exactly, just trying to give some general idea.

  Keep it up! And good luck 🍀

  Marked as helpful

  1

  ---

  

  Zet•800

  @zetmosoma10Posted over 1 year ago

  Hey @JaneMoroz , Thank you so much for your kind words and feedback! I really appreciate your support and guidance. Your suggestions about adding top padding to the header or nav and making the logo a link to the home page make a lot of sense. And Thanks for the number icon code, I'll definitely incorporate those changes to improve the overall look and user experience of the website. Your input is incredibly valuable, and I'm grateful for your help. Looking forward to creating an even better version of the project with your insights! ❤️🙌.

  1