Skip to content
Submitted over 3 years ago

Responsive Landing Page using CSS Flexbox

accessibility, express, fetch, firebase, bootstrap
Ede .O. Success•100
@edesuccess54
A solution to the Advice generator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

which best ways should i have used to center my container and the dice container to make it properly aligned.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Arsh Goyal•940
    @arshGoyalDev

    To make it center you just need to remove this piece of code:

    @media screen and (min-width: 768px){ body { display: block; } }

    As it is making body a block on the devices with min-width of 768px And that is why container is not centered

    And except this you have done a great work.

    Marked as helpful
  • Shashree Samuel•8,860
    @shashreesamuel

    Hey edesuccess54, good job completing this challenge. Keep up the good work

    Your solution looks great however I don't think you need the quote icon before the actual advice, just enclose the advice in inverted commas "advice".

    In terms of your accessibility issue simply wrap all your content between <main> tags. I hope this helps

    Cheers Happy coding 👍 I hope this helps

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