Skip to content
Submitted almost 3 years ago

HTML, CSS, JS, Responsive using CSS, API, GitHub, Netlify

Maja•30
@maja4s91
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. I don't know how to fix the button for generating quotes (I've used absolute positioning). Can anybody help me with this problem?
  2. I don't know how to resize the attached SVG divider, I've left it in its original size. Can anybody help me with it?
  3. Layout is moving in the web version, depending on the quote's length, is there a better way to fix it?
  4. I couldn't make it work for the mobile version, I've used media queries, and it works when I resize the screen on the web, but when I try to display it on a mobile screen, just media queries don't apply. Can anybody help me with it?

Thanks in advice, I'd appreciate any help and feedback, especially because I'm a beginner and really willing to learn.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Maja's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord