Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

@sobbaka

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

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

P

@evengene

Posted

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
Discord logo

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