Mobile First - Stats Preview Card Component

Community feedback

• 

  Ssembatya Dennis Duncan•260

  @ssembatya-dennisPosted about 2 years ago

  Hi Davut Piro, I congratulate you upon completing your second challenge on the platform however have noticed your solution doesn't render well on small mobile media screen.

  • Here are some tips I suggest that can make your code cleaner.

  1. You can try using the CSS background-blend-property in the <div class="img"></div> container to blend the image and your gradient smoothly.
  2. You can also minimize the use of unnecessary div's in your HTML by replacing them with <p></p>tags as they are the sematic tags responsible for holding small text and only use a div in areas where you want to position some content in a specific position or to improve on space around your content.

  <div class="numbers">
             <div class="companies"><span class="num">10k+</span> companies</div>
             <div class="templates"><span class="num">314</span> templates</div>
             <div class="queries">
               <span class="num num3">12m+</span> queries
             </div>
  

  Thanks you so much and wish you happy coding!

  Marked as helpful

  0