Skip to content
Submitted over 1 year ago

Responsive HTML, CSS and javascript vanilla Advice Generator app

Tiago•40
@brtiago
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

Hey, guys! This is my project submission. This project is made with HTML, CSS, and JavaScript. It took me only a few hours to complete.

It was a nice challenge for me to learn new things like api manipulation.

Any feedback is greatly appreciated! Thanks!😊

Community feedback

  • Kamlesh Rajesh Yadav•5,060
    @Kamlesh0007Posted over 1 year ago

    All looks good but try to use below code for align everything in center it's super easy for u To properly center the component in the page, you should use Flexbox or Grid layout. You can read more about centering in CSS here 📙. For this demonstration we use css grid to center the component body { min-height: 100vh; display: grid; place-items: center;

    margin: 0;

    } I hope you find it helpful ! 😄

    Marked as helpful
    0
    Tiago•40
    @brtiagoPosted over 1 year ago

    @Kamlesh0007 It' done. Thank you for feedback. :)

    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