Skip to content
Submitted 10 months ago

Responsive website. Build with HTML/SCSS, js, swiper

Aleksandr Bagaev•50
@sobbaka
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

Technologies used

  • Semantic HTML5 markup
  • SCSS
  • Flexbox
  • JavaScript
  • Vite
  • Swiper
  • API

Description

The multi-page space tourism website. This project is an adaptive website created using HTML, CSS and JS. It features a responsive design that works well on a variety of devices, from desktops to smartphones.

The website has been built using the BEM methodology. Swiper librabry was used to build responsive and touch sliders.

Community feedback

  • Elina Shelest•150
    @evengenePosted 10 months ago

    hey Aleksandr Bagaev, good job on the project. Couple of ideas to add on:

    • I noticed that the nav items are all active upon page load - only the first one should be active according to the design
    • try adding some transitions for the buttons and tabs on hover so they may be more smooth

    Thank you and good luck in your future projects.

    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