3-Column Preview Card using HTML+CSS (Flexbox)

Community feedback

• 

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @azmifitra 👋! Congrats on your submission. Your page looks good and is responsive. Some things to note:

  • The card component can be centered to the page by applying the following styles to the body

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

  • You could use more semantic sectioning elements in your html. e.g: <div class="container"> could be replaced with <main class="container">. <div class="box"> could be article.
  • The page has no heading elements

  Happy coding.

  1

  ---

  

  Azmi Fitra•95

  @azmifitraPosted about 3 years ago

  Hello @dewslyse . Thanks for your help because i have little bit problem about centering the component and i will try to fix it based on your advice! Hope you have a nice day :).

  Happy coding too.

  0