Skip to content
Submitted 6 months ago

Space Tourism Website using Quasar

#pinia#vue
Filip Stojkov•370
@thentrsfs
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 are you most proud of, and what would you do differently next time?

I am proud of this whole project, it was not easy at all.

What challenges did you encounter, and how did you overcome them?

Biggest challenges were to make website seem as identical as i can.

What specific areas of your project would you like help with?

I would like help and reviews about anything that someone sees but especially about images and how to make them responsive and have good quality. Thanks

Community feedback

  • Fernando A. Malfavón•370
    @WlfernandoPosted 6 months ago

    hi! you could use a mask-image on the crew to give a parcial opacity, I use it in mine. In the case you use the element img, try with object-fit, subsecuently it depends on what are you using display on parent to make fit into it (grid, flex, block, etc). In general, but not the only way, try with % on the img width and height or % width with aspect-ratio. These are some approaches.

    Marked as helpful
    0
    Filip Stojkov•370
    @thentrsfsPosted 6 months ago

    I was having a problem trying to find solution for that opacity in crew and i couldn't do it, so thank you very much, i will try to use everything in the future. @Wlfernando

    1

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