Latest solutions
Simple solution using Next.js 14 and Tailwind + useSound
#next#tailwind-css#typescriptSubmitted over 1 year agoUsing Next.js 14, Tailwind, Typescript, Debouncer (lodash)
#react#tailwind-css#typescript#nextSubmitted over 1 year agoMultipage made using Next.js 13 / React / Tailwind / Typescript
#next#react#tailwind-css#typescriptSubmitted almost 2 years agoFullstack: Next 13.4 - Auth Clerk - Typescript - Tailwind - Firebase
#firebase#next#tailwind-css#typescript#reactSubmitted almost 2 years agoDone using Typescript / Firebase Database / Firebase Storage / Next.js
#firebase#react#typescript#tailwind-cssSubmitted about 2 years ago
Latest comments
- @Dolly-Pee@ackDeckard
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 - @koyaboy@ackDeckard
Hello Koya,
Congratulations on successfully completing another challenge!
I would like to suggest that you add two things:
white-space: nowrap;
to yourprice-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