Responsive Preview card HTML CSS Typescript

Community feedback

• 

  Mojtaba Mosavi•3,760

  @MojtabaMosaviPosted over 2 years ago

  • Add a hover state to the social icons, a color or size change suffices.
  • The markup implenetation is a bit interesting, I think something the you missed is to ask youself where this would be used ? The answer is most like that is going to be a constituent of something bigger and it that case you might wanna resue it somewhere else. Here is an alternative markup

  <article class="article">
      <div class="article__content">
         <h3 class="article__heading"></h3>
        <p class="article__text"></p>
         <div class="article__profile">...<div>
      </div>
     <div class="article__img-wrapper">
        <img  class="article__img"/>
     </div>
  </article>
  ```
  Keep coding :=)
  

  Marked as helpful

  1

  ---

  

  lulzz•210

  @lulzzPosted over 2 years ago

  Hey @MojtabaMosavi trying to make sense of sematic element yet it seams. I'll do my best. Thx on comment. :)

  0