Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

too hard for me

Duced74 30

@Duced74

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Madmanden

Posted

Keep trying, I'm sure you'll get it soon! The fonts look good.

Marked as helpful

2
Luis 930

@luis08201

Posted

Hi @Duced74, You're doing an amazing job, Keep trying.

I saw in your code that you did this page using Bootstrap. Let me give you a feedback:

Remember how grid system works:

<div class="container">
  <div class="row">
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>
</div>

I figured out you coded grid systems using row.

<div class="row">
<div class="row">
    <div class="col-6">
      One of three columns
    </div>
    <div class="col-6">
      One of three columns
    </div>
    <div class="col-sm">
      One of three columns
    </div>
  </div>
</div>

replace first <div class="row"></div> to <div class="container"></div>

I think it is better to specify the column size. Both col were coded <div class="col-6"> replace to <div class="col-xs-12 col-sm-6">

Just one more thing Naming classes according to content

<div class="card-features">
              <div class="card-companies">
                10k+
                <p>COMPANIES</p>
              </div>  
              <div class="card-template">
                314
                <p>TEMPLATES</p>
              </div>
              <div class="card-queries">
                12M+
                <p>QUERIES</p>
              </div>
            </div>

I hope this helps you.

Regards.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord