Skip to content
Submitted 7 days ago

Responsive advice-generator-app API

Djamel1133•880
@Djamel1133
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

What are you most proud of, and what would you do differently next time?

Not proud, but I'm happy to have finished this challenge (not hard) quickly and to have gotten hands-on experience with my first API using js.

What challenges did you encounter, and how did you overcome them?

I didn't want to use Flexbox (nor reset), but I think (though I'm not sure) it was necessary to center the divider.

What specific areas of your project would you like help with?

I am open to any comments.

Community feedback

  • Yacoub AlDweik•970
    @YacoubDweikPosted 3 days ago

    Bro always always always whenever you are whatever you are and whoever you are, whatever you are coding if it's CSS or C++ always always always write this:

    img { max-width: 100% }

    Otherwise you will see your design gets overflowed horizontally under 360px as you can see ;)

    Let's go!

    Marked as helpful
    1
  • Djamel1133•880
    @Djamel1133Posted 3 days ago

    Thanks a lot Bro!!! I will keep it in my mind ... any other suggestions or feedback are welcome. Thank you again.

    2

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