Submitted about 2 years ago

Space tourism Html CSS JS

Sboon• 90

@Sboonny

Preview site View code

This is a solution for...

Space tourism multi-page website

HTML
CSS
JS

3intermediate

View challenge

Design comparison

SolutionDesign

Community feedback

John_diddles• 470

@Johndiddles

Posted about 2 years ago

Hi Sboon! Really nice work you have done here.

I see you use grid for for most of the main contents. That's great. I feel you could actually use 2 columns instead of four and add some gap between the columns. You could do that by add gap: xem where x could be any number (even decimals). You could give the parent container some padding on the x-axis so that the columns don't stretch to the ends of the screen's width.

Otherwise, everything seems great.

Nice work again. Cheers 🍻 🥂 and happy coding...

Marked as helpful

jay• 210

@Jay-0331

Posted about 2 years ago

Hello, Great Work Man. just one question in mobile why is there a line in top left corner. other than that everything works great.

Marked as helpful

Sboon• 90

@Sboonny

Posted about 2 years ago

Hello @Jay-0331, it's skip-to-content button not transforming fully

.skip-to-content {
 position: absolute;
 z-index: 9999;
 background: hsl(var(--clr-white));
 color: hsl(var(--clr-dark));
 padding: 0.5em 1em;
 margin-inline: auto;
 transform: translateY(-100%);
 transition: transform 250ms ease-in;
}

. I have yet to tackle that issue. but it will be fix in future, thanks for pointing it out. 🥰

Please log in to post a comment

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