Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
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

Space Turism Multi-Page Responsive Website with CSS Grid and JSON Data

@gabrielsoaresevt

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


Hi guys check this new solution!

  • Is the CSS Grid implementation adequate?
  • Is the site displaying optimally on different devices?

Community feedback

Rafael 160

@StomperHK

Posted

Sup, I tried it on my phone and it worked well, both font size, animations and so on, the only things that are not working as they should is the crew section, I cant swipe the carousel to see all te crew tripulants and the paragraph sizes on my PC, it's smaller than 16px. I also made this site some time ago but it's a little broken, I will try fixing later. The carousel animations are cool too. Also are you from Brazil lol? And I found your hair good too.

Marked as helpful

0

@gabrielsoaresevt

Posted

@StomperHK Thanks a lot for the feedback. In my devices, the crew section is working perfectly, but I will try to solve the problem, could you tell me the device and its dimensions so I can try to fix it? Why exactly can you swipe to see all the crew? Sim mano eu sou do Brasil haha. Some say my hair is really good haha.

0
Rafael 160

@StomperHK

Posted

@gabrielsoaresevt KKKKKKKKKKKKK, esse encontro foi deveras aleatório. Cara, testei aqui o negócio do carrosel, e percebi que dá sim pra usar ele, mas eu n vi os botões, porque o meu navegador tá forçando o modo escuro na página, e tbm pq eu acho que o botão tá mt pequeno sabe? Quanto ao tamanho dos parágrafos, descobri que, quando uma fonte não tem um font-size pre-definido pelo developer, o navegador tá colocando um tamanho de fonte menor que 16px por padrão, n sei pq diabos. Ent sua solução tá de boa sim, dsclp por te deixar preocupado, sei como é chato vc enterrar um projeto mas ter que abrir ele dnv pq vc achou um bug KKK. Ah sim KK, tô deixando meu cabelo crescer tbm, tô indo pro 1° ano, mas inventei de cortar dos lados... fiz besteira. Mas e ai, tem discord ou algo do tipo se tiver a fim de trocar ideia?

0

@gabrielsoaresevt

Posted

@StomperHK Claro mano, vamos trocar uma ideia sim, eu tentei ser o mais fiel ao protótipo, mesmo achando algumas coisas pequenas também kkkkkkk, as fontes tem um tamanho pré-definido no body, talvez seja isso, em celulares e tablets ela fica menor mesmo, mas no pc o tamanho dos paragrafos se não me engano deveria ser 18px. Eu terminei o projeto faz pouco tempo, então alguns detalhes é normal consertar mesmo kkkkkk. Discord: Gabriel993#1193.

0
Rafael 160

@StomperHK

Posted

@gabrielsoaresevt é tolgd, valor de font-size é herdado do elemento root (o html). Não, o valor padrão é 16px msm KKKKK

Marked as helpful

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