Profile card component | is there a cleaner way?

Community feedback

• 

  Nemanja NIkolic•270

  @nmnjnklcPosted about 2 years ago

  Hello @funupulu,

  You could wrap his age with <span> tag in order to target it in CSS. So HTML should look something like this:

  <section class="row-1">
  <h2>Victor Crest <span>26</span></h2>
        <p>London</p>
  </section>
  

  and to target that particular <span> you can either give it a class/id, or:

  section.row-1 h2 span {
        font-weight: 400;
        color: #6a6f81;
  }
  

  To get those background patterns in place, try adding following css to your body:

  body {
       background-image: 
                   url(./images/bg-pattern-top.svg),
                   url(./images/bg-pattern-bottom.svg);
       background-repeat: 
                   no-repeat, 
                   no-repeat;
       background-position: 
                   right 52vw bottom 35vh, 
                   left 48vw top 52vh;
  }
  

  Hope this helps. Happy coding!

  Marked as helpful

  0

  ---

  

  funupulu•120

  @funupuluPosted about 2 years ago

  @nmnjnklc nesting a span inside h2? didn't even occur to me. thank you for that much. I'll update you on the background when I can. Thanks a bunch.

  0