Skip to content
Submitted over 3 years ago

HTML, CSS, VSCODE

Declan•320
@engelbrechtz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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,775
    @vanzasetiaPosted over 3 years ago

    👋 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•320
    @engelbrechtzPosted over 3 years ago

    @vanzasetia

    Thanks, I just thought of this. helped alot.

    0

Please log in to post a comment

Log in with GitHub

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