Skip to content
Submitted 9 months ago

Responsive landing page with basic css

Moniruzzaman Monir•740
@ad-monir2001
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

It was my first project on this site. And I have not used any max-width on this so it is not looking good , I have improved that now.

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

On responsiveness.

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

You any kind of suggestion will be welcomed,

Community feedback

  • Davide•330
    @deedeedevPosted 9 months ago

    Hi @ad-monir2001 , you might want to wrap all your top-level divs in a "container" div and apply a max-width: 1024px and margin: auto on that, so the content doesn't get too wide on larger monitors. You can apply a max-width to the nutrition div too and for the class .texts switch from justify-content: space-around to justify-content: space-between so that the values align nicely on both sides of the div.

    Other than that, nice job! 👍

    1
    Moniruzzaman Monir•740
    @ad-monir2001Posted 9 months ago

    @deedeedev Thanks a lot..

    For your amazing advice.. I have corrected that.

    1

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