https://github.com/blordeus/advice-generator-app-main
https://github.com/blordeus/advice-generator-app-main
html-css-javascript
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/blordeus/advice-generator-app-main
- Owner: blordeus
- Created: 2023-08-23T12:55:13.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-23T17:58:45.000Z (almost 3 years ago)
- Last Synced: 2025-02-27T07:59:04.499Z (over 1 year ago)
- Topics: html-css-javascript
- Language: CSS
- Homepage: https://blordeus.github.io/advice-generator-app-main/
- Size: 446 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Frontend Mentor - Advice generator app solution
This is a solution to the [Advice generator app challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/advice-generator-app-QdUG-13db). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
* [Overview](#overview)
* [The challenge](#the-challenge)
* [Screenshot](#screenshot)
* [Links](#links)
* [My process](#my-process)
* [Built with](#built-with)
* [Author](#author)
## Overview
### The challenge
Users should be able to:
* View the optimal layout for the app depending on their device's screen size
* See hover states for all interactive elements on the page
* Generate a new piece of advice by clicking the dice icon
### Screenshot
### Links
* Solution URL: [solution URL](https://github.com/blordeus/advice-generator-app-main)
* Live Site URL: [live site](https://blordeus.github.io/)
## My process
### Built with
* Semantic HTML5 markup
* CSS custom properties
* Flexbox
* CSS Grid
* Mobile-first workflow
* JavaScript
## Author
* Frontend Mentor - [@blordeus](https://www.frontendmentor.io/profile/blordeus)
* Twitter - [@bryancreates](https://www.twitter.com/bryancreates)