Responsive landing page using Media Queries

Community feedback

• 

  Cornelio R. Llagas Jr.•80

  @Timex29Posted 5 days ago

  Hey there!👋😊. Good job for completing this challenge.

  But I have some short suggestions that might be of interest to you.

  • Consider this doc, which might give you a responsive layout web.dev
  • Missing a modern CSS reset. Add a reset file to remove browser inconsistencies. Consider using Andy Bell’s or Josh Comeau’s,
    and also try this on your style.css might give you something different;

  *::before,
  *::after {
    box-sizing: border-box;
    font-weight: normal;
  }
  body {
    padding: 0;
    margin: 0;
    display: grid;
    place-items: center;
    min-height: 100vh;
    line-height: 1.5;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  img,
  video,
  iframe{
    max-inline-size: 100%;
    block-size: auto;
    aspect-ratio: 2/1;
    object-fit: cover; 
    object-position: top center;
  }
  

  Marked as helpful

  1