/Advice-generator-app

An app used to generate a new piece of advice whenever the dice icon is clicked. Built with the Advice Slip API

Primary LanguageCSS

Advice generator app

This is an app used to generate a new piece of advice by clicking the dice icon. As a user, you can View the optimal layout for the app depending on your device's screen size (reponsive to all screen sizes).

Overview

Screenshot

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Mobile-first workflow
  • Javascript(ES6)
  • API

Proud of

some code snippets, see below:

<h4 class="advice-no">ADVICE #<span>117</span></h4>
.proud-of-this-css {
  left: calc(50% - 31px);
}
const adviceSlip = async () => { {
  await console.log('🎉')
}

Author

👤 Favour Amarachi Ezeugwa

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Frontend mentor