Desktop Design

Inner Tab

Tablet Design

Mobile Design

Planets fact site

<section id="planet-facts" class="grid"><article><h3>Rotation Time</h3><p>58.6 Days</p></article><article><h3>Revolution Time</h3><p>87.97 Days</p></article><article><h3>Radius</h3><p>2,439.7 KM</p></article><article><h3>Average Temp</h3><p>430°c</p></article></section>

anets</h1><button role=`open navigation in mobile view`><svg t

></header><nav id=`planet-nav` role=`website navigation`><ul ro

=`active`><div class=`planet-icon mercury`></div>

on id=`1`><div class=`planet-icon venus`></div>

on id=`2`><div class=`planet-icon earth`></div>

on id=`3`><div class=`planet-icon mars`></div>

on id=`4`><div class=`planet-icon jupiter`></div>

on id=`5`><div class=`planet-icon saturn`></div>

on id=`6`><div class=`planet-icon uranus`></div>

on id=`7`><div class=`planet-icon neptune`></div>

</article><nav role=`planet feature navigation`><ol ro

-wrapper`><section id=`planet-info` class=`grid`><div c

</section><section id=`planet-facts` class=`grid`><artic

Please log in to post a comment

Community feedback

SPA - Responsive design with CSS Grid, interactivity with ReactJS.

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community