responsive page with Flexbox

Community feedback

• 

  P

  Nuradeen Mohammed•350

  @nursh

  Posted 3 months ago

  HTML

  • Texts should be using the <p> tag instead of <div> tag for semantic purposes. See your principal-text and sub-text classes
  • For the date class, use the <time> tag wrapped in a <p> tag. eg. <p><time datetime="2020-06-28">28 Jun 2020</time><p>

  CSS

  • To set the height of the body, use min-height: 100svh instead with min-height: 100vh as a fallback
  • Avoid setting the height of a container explicitly. Let the content determine the height of the container.
  • Instead of using px units for font-size and other properties. Use responsive units like em, rem.

  00

  Marked as helpful