Skip to content
Submitted over 2 years ago

Advice Generator

MauriceHuang•30
@MauriceHuang
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Advice generator app
  • HTML
  • CSS
  • JS
  • API
2junior

Design comparison

SolutionDesign

Solution retrospective

Really appreciate any advice. I really wish to have it to be more mobile responsive.

Community feedback

  • Darko•980
    @dtomicicPosted over 2 years ago

    Hey, I've taken a look at your project and it seems pretty good to me (also seems all good with mobile responsiveness).

    Only thing I would add on mobile is set the width: 90%; on your .advice-generator__output, and on your .advice-generator set justify-items: center; and you should get a nice looking box with some spacing on the side like the design (This is how your box would look with styles applied).

    Hope this helps, if you need any more help or tips do ask

    Great job :D

    Marked as helpful
    1
    MauriceHuang•30
    @MauriceHuangPosted over 2 years ago

    @dtomicic I was just thinking about this! Awsome.

    0

Please log in to post a comment

Log in with GitHub

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