Skip to content
Submitted over 1 year ago

Responsive Space Tourism website using react, react-slick & tailwind

Aguluka Ngozi celestina•80
@melissacinta
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Space tourism multi-page website
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

What did you find difficult while building the project?

Getting react-slick to work on the crew and technology pages while keeping to the page design was a huge pain biut thankfully that was resolved and apart from that every other part of of the project was preety easy to craft out.

Although I do realize that my site might not be fully responsive it breaks when you switch between view ports and you have refresh to get it looking normal. what might be the issue?

Also, on the crew page, I seem to be loosing some text on the last two slides bio and I have tried everything I know but theissue still persits, In sights are very much appreciated

Community feedback

  • Pedro Chaparro•260
    @PChaparroPosted over 1 year ago

    Hi, the solution is awesome. It seems that the library you used for the sliders is adding a fixed height to a <div> with the class .slick-list, in the case of the biography texts the fixed height is 247px in a desktop screen and that's the reason why you're loosing some text. I hope that can be useful.

    1
  • Aguluka Ngozi celestina•80
    @melissacintaPosted over 1 year ago

    thank you I'll look into that

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord