Responsive landing page using css grid

Community feedback

• 

  Prabhash Ranjan•2,540

  @besttlookkPosted over 2 years ago

  Hi, Below are some points I like to make: 1.Center the card w.r.t the screen. Use below code:

  body{
  min-height:100vh;
  display: flex;
  align-items:center;
  justify-content:center;
  }
  

  2. Border radius is too much decrease to either 5px or 8px.
  3. Also overall size of card is small for large screen.
  4. Try using external css file and link that file inside HTML file.
  5. Wrap main content inside "main tag" to improve accessibility. 6; While adding image , always add "alt" attribute to "img" tag.

  Good Luck, #happyCoding

  Marked as helpful

  1