/advice-generator

Simple advice generator I made for a Frontend Mentor challenge, using the Advice Slip JSON API.

Primary LanguageCSS

Frontend Mentor - Advice generator app solution

This is a solution to the Advice generator app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • Generate new advice by clicking on the button

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • CSS Grid
  • CSS keyframes
  • Mobile-first workflow
  • Advice Slip JSON API

What I learned

This challenge was a speedrun for me to test how quickly I could solve it (it was surprisingly quick, both CSS and JS part). I didn't learn anything new from it, although practicing fetch is always useful!

Author