three column preview

Community feedback

• 

  Elevate•240

  @i7ectorPosted almost 2 years ago

  Good work @putracode354!

  here are few things you can do to make your design and code better.

  to fix the error with the divs you need to remove the href="#" from your code in your HTML. look at the examples below:

  <div href="#" class="example example1">
    example 1 - hrefs are not used in divs
  </div> 
  <div class="example example2">
   example 2 - how it should be
  </div> 
  <div id="exampleid" class="example example3">
   example 3 - you can have a id and a class in the div
  </div> 
  

  you can add a border radius to round the corners of the main card in your CSS. look at the example below:

  .main-card-example {
     border-radius: 15px;
  }
  

  you can also add a background color for this project in your CSS. look at example below:

  body {
    background-color: hsl(0, 0%, 95%);
  }
  

  hope this helps, good luck and happy coding :)

  0