Desktop design

Mobile design

Advice generator app

<p class="uppercase tracking-[0.3em] text-xs text-neonGreen font-bold mb-6">Advice #117</p>

<p class="text-center text-xl font-bold">"It is easy to sit up and take notice, what's difficult is getting up and taking action."</p>

ce="next"><meta name="next-size-adjust"><title

- -->"</p><img alt="divider image" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="mt-7 mb-5 hidden sm:block" style="color:transparent" src="./images/pattern-divider-desktop.svg"><img a

ktop.svg"><img alt="divider image" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" class="mt-7 mb-5 sm:hidden" style="color:transparent" src="./images/pattern-divider-mobile.svg"><div c

eonGreen"><img alt="dice" loading="lazy" width="1000" height="1000" decoding="async" data-nimg="1" style="color:transparent" src="./images/icon-dice.svg"></div>

Please log in to post a comment

Community feedback

Responsive Advice Generator using Tailwind CSS & NextJS

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community