advice generator using grid and axios.

Hi akhilchary

Here are a few suggestions for improvement on your code:

Use semantic HTML elements where appropriate, such as <header>, <nav>, <main>, <article>, <aside>, and <footer>.

Provide alternative text for the <img> elements using the alt attribute, to make the content accessible for people using screen readers.

Use CSS variables to store values that are used repeatedly throughout your styles, such as colors or font-sizes. This will make it easier to make global changes to your styles.

Try to avoid using inline styles and instead use CSS classes for styling.

Use descriptive and meaningful class names, such as .advice-card instead of .main to make your code more readable and understandable.

Use CSS Flexbox or Grid for layout instead of position absolute where possible, as they are more versatile and easier to use for most layout tasks.

Happy Coding