Completely responsive website using React, Tailwind and Framer motion

Community feedback

• 

  Vlad•240

  @vladmeePosted over 1 year ago

  Almost perfect solution! Well done!

  I like your motion implementation. It adds a nice effect on navigation!

  All pages are following the designs in detail. Small glitches with the navigation on mobile (/crew and /technology), you might want to have a look at that.

  Other than that, I was distracted by the misalignment on your home page. You seem to be using flex, which is great but you're not aligning the elements as instructed. If you can tell from the designs, the SPACE col is placed in the bottom left corner and the EXPLORE button in the bottom right corner.

  A solution using flex is like:

  .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
  
  .space-col {
  align-self: end;
  justify-self: start;
  }
  
  .explorer-btn {
  align-self: end;
  justify-self: end;
  }
  

  Assuming that the container is full width and full height, which can be achieved either with calc(100vh - nav) or placed in a parent that is 100vh and set the container flex-grow: 1

  Hope this is useful! Don't let yourself let down about it, it's a very small detail and your solution is definitely well-coded!

  Marked as helpful

  1

  ---

  

  Aditya Surve•220

  @AdityaSurvePosted over 1 year ago

  Thank you so much for the feedback @vladmee .

  1