Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
29
Comments
2

Pablo

@ackDeckard550 points

Front-end developer. Stack: Next.js / Typescript / Tailwind. Available to work full-time / part-time or by contract.

I’m currently learning...

Typescript.

Latest solutions

  • Simple solution using Next.js 14 and Tailwind + useSound

    #next#tailwind-css#typescript

    Pablo•550
    Submitted over 1 year ago

    0 comments
  • Using Next.js 14, Tailwind, Typescript, Debouncer (lodash)

    #react#tailwind-css#typescript#next

    Pablo•550
    Submitted over 1 year ago

    0 comments
  • Multipage made using Next.js 13 / React / Tailwind / Typescript

    #next#react#tailwind-css#typescript

    Pablo•550
    Submitted almost 2 years ago

    0 comments
  • Newsletter with some animations

    #next#react#tailwind-css#accessibility

    Pablo•550
    Submitted almost 2 years ago

    0 comments
  • Fullstack: Next 13.4 - Auth Clerk - Typescript - Tailwind - Firebase

    #firebase#next#tailwind-css#typescript#react

    Pablo•550
    Submitted almost 2 years ago

    0 comments
  • Done using Typescript / Firebase Database / Firebase Storage / Next.js

    #firebase#react#typescript#tailwind-css

    Pablo•550
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Dolly-Pee•140
    @Dolly-Pee
    Submitted almost 2 years ago

    NFT preview card with flexBox

    1
    Pablo•550
    @ackDeckard
    Posted almost 2 years ago

    Almost there Dolly-Pee 👏

    Two suggestions:

    a) Use grid or flex to align items at the center of the screen. For example with grid you'll need to add this to your <main>

    display: grid; justify-items: center; align-items: center;

    b) Move your divs to their own <section>.

    <main style="display: grid;justify-items: center;align-items: center;"> <section>

    <div class="card container"> .... </div>

    <div class="attribution"> .... </div>

    </section>

    </main>

    With these suggestions you'll have everything in the center.

    Marked as helpful
  • Koya•310
    @koyaboy
    Submitted about 2 years ago

    NFT preview card component using flexbox

    2
    Pablo•550
    @ackDeckard
    Posted about 2 years ago

    Hello Koya,

    Congratulations on successfully completing another challenge!

    I would like to suggest that you add two things:

    • white-space: nowrap; to your price-days-left class. This will prevent the line from wrapping.
    • border-radius: 8px; to your image to add a rounded borders.

    Keep going 👏

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub