Space Tourism SPA with NextJS

Community feedback

• 

  Denneb•80

  @dennebPosted over 2 years ago

  It looks great pretty close to the original design! I like the gradient in the mobile menu even though is different to the menu in the figma file. If you want to make your menu more alike you can use the property backdrop-filter: blur();

  I was checking your code and I think is very clear and easy to understand, perfect for teamwork haha.

  I don't know if maybe my browser has a problem... but the tablet design kicks in at 1440 px

  Marked as helpful

  0

  ---

  

  David•8,000

  @DavidMorgadePosted over 2 years ago

  @denneb Thanks for the reply, didnt use backdrop-filter because of browser support thats why I went with my own gradient from css gradients tool .

  Fixed the problem with the tablet design, wasnt the full styles just the background image that had the breakpoint at 1441 px instead of 1440, thats why the preview image of the solution looks like the tablet design.

  Thanks for your feedback!

  0

  

  perfStack•160

  @perfStackPosted over 2 years ago

  @DavidMorgade blur really helps to make the text more readable, you can use the help of @supports to add alternative styling for browsers that do not support it. supports link : https://developer.mozilla.org/en-US/docs/Web/CSS/@supports

  My solution where i implemented this :- https://perfstack.github.io/assets/Space_tourism/dist/index.html

  Link to scss file :- https://github.com/perfStack/Space_tourism/blob/main/src/Sass/layout/_header.scss

  Hope it helps.

  Marked as helpful

  1

  

  David•8,000

  @DavidMorgadePosted over 2 years ago

  @perfStack oh didnt know about @supports thing, will try it and update the project, thank you!

  0