Profile Card with Sass

Community feedback

• 

  Davide•1,725

  @Da-vi-dePosted about 3 years ago

  Hi, in your case you could delete border-top, in HTML add a <hr> tag right here:

  <p class="city">London</p>
       <hr>
          <div class="social">
  

  then you can style it like so

  hr {
      padding-right: -3em;
      padding-left: -3em;
      border: 0 none;
      height: 1px;
      background-color: choose a very light grey color
      color: choose a very light grey color
  }
  

  you have padding: 3em in class .content if you want an extended line you need to take that padding (left and right) off! It should work.

  • A little caveat: You see in use negative value, this is one of the few case where it can be used. Generally using negative values is not good practice! Be aware of it.

  Try in your text editor the above code, hope it helps, keep coding :-)

  1

  ---

  

  Yunus Alif•150

  @frontendnusPosted about 3 years ago

  @Da-vi-de Thank's bro I'll try it later

  0