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

HTML, CSS, VSCODE

Declan 220

@engelbrechtz

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


May I ask feedback on how I could of positioned the UL tags, its a bit off. This challenge was decent.

I didn't make the page responsive, I was mainly focusing on the UL tag itself, this was a bit frustrating, May someone offer a solution of how I could of done this better?

Kind Regards, DevDeclann.

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

👋 Hi DevDeclann! My name is Vanza!

I have a solution for you that might help you! So my solution or recommendation is that instead of creating separate ul and h2, why don't you create something like this:

<ul>
  <li>
    <h2>10K+</h2>
    <p>COMPANIES</p>
  </li>
  <li>
    <h2>314</h2>
    <p>TEMPLATES</p>
  </li>
  <li>
    <h2>12M</h2>
    <p>QUERIES</p>
  </li>
</ul>

And you can make the align horizontally using display: flex; on the ul and position it however you want by adding margin or padding on the ul.

Hopefully this will be helpful for you! Or if you want to, you can see my code on how did I handle that.

That's it! And as always happy coding DevDeclann!

0

Declan 220

@engelbrechtz

Posted

@vanzasetia

Thanks, I just thought of this. helped alot.

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