Frontend Mentor - Advice generator app solution

Advice Generator App

This is the README file for an advice generator app. The HTML code provided represents the structure and layout of the app's user interface. I did not consider the use of media queries necessary, as the styling and structure of the page can be sufficiently responsive with CSS.

Usage

To use the app, simply open the HTML file in a web browser. The app will display a random piece of advice each time the user clicks the "Generator Advice" button.

Dependencies

The app relies on the following files and resources:

• main.css: This stylesheet file, located in the css folder, provides the app's styling.
• favicon-32x32.png: An image file located in the images folder, used as the app's favicon.
• script.js: A JavaScript file located in the src folder, responsible for generating the random advice and handling the button click event.

Structure

The app consists of the following main elements:

• <h1> with the id currentAdvice: Displays the current advice number.
• <p> with the id quoteAdvice: Displays the generated advice.
• <input> with the id btnAdvice: Represents the button for generating new advice.
• <footer> with the id attribution: Contains credits and attributions for the app's challenge and coding.

Credits

This app is a coding challenge from Frontend Mentor. It was coded by Ariel Bodan.

Please refer to the respective files and resources for more details on their implementations and functionalities.