VS code editor, CSS style in the head, in-line CSS and W3schools ref

Community feedback

• 

  Tony Ruiz•55

  @tonyruizo

  Posted about 3 years ago

  Hello Steven!

  Check out those accessibility issues in the report, easy fix for that is to wrap your html div contents inside a landmark, as in <header></header, <main></main>,<section></section> and <footer></footer>.

  Also don't forget the mobile design. Look into some CSS Grid and media queries and you should be able to make it happen.

  10
• 

  Rebekah•800

  @rebekahshaw92

  Posted about 3 years ago

  Hi Nice first attempt.

  A quick tip for placing the card/clearfix centre of the browser is to add bother padding and margin as 0 auto.

  Another tip is to add your style to an external stylesheet rather than the HTML file. This makes your code much easier to manage. I like to place my css in its own folder so that I know where it is and it means if yoou have more the one css file it can easly be found.

  Happy Coding!

  11
• 

  Brendan•1,120

  @OneManBanned

  Posted about 3 years ago

  Hi Steven,

  if you remove the margin from .right.

  and add

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

  That should centre everything thing in the middle of the page.

  11