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

Html, Css, JavascriptVanilla, ResponsiveDesing, GridLy & Mobile first.

James 40

@JamesLoor

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

Reports

Accessibility report (7)
warning

Heading levels should only increase by one

<h5 class="title-h5"><span>01</span> Pick your destination</h5>
Learn more
warning

Heading levels should only increase by one

<h5 class="title-h5"><span>01</span> Meet your crew</h5>
Learn more
warning

Document should have one main landmark

<html lang="en">
Learn more
warning

All page content should be contained by landmarks

<div class="banner-content">
Learn more
warning

All page content should be contained by landmarks

<section id="destination-id" class="destination">
Learn more
warning

All page content should be contained by landmarks

<section id="crew-id" class="crew">
Learn more
warning

All page content should be contained by landmarks

<section id="technology-id" class="technology">
Learn more

James’s questions for the community

Header: What would be the best way to hover the anchors in the navigation menu? Header: How did you add the width of the header line on the desktop? Responsive: The design is not made for laptop? If the answer is yes, how did you do it?

Community Feedback

@mnazneen20

Posted

It looks very nice and responsiveness is good too.

1

Please log in to post a comment

Log in with GitHub
Slack logo

Join our Slack community

Join over 160,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!