Skip to content
Submitted 16 days ago

Responsive Recipe Page

Aditya Yadav•10
@Aditya-151947
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?

I have created the task almost similar to the assigned task. Its a great experienced of learning CSS concept and applying on it. It helps me allot to build the confidence. I will look further for similar project for the practice.

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

I have face challenge for making the web page responsive. i dont thing that i got success. but i have try from my side to give my best within the limited time.

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

it helps me in designing and clearing many CSS concept like flexbox and many more.

Community feedback

  • beowulf1958•1,450
    @beowulf1958Posted 16 days ago

    Congratulations on completing this challenge. It is not showing up correctly on the computer. This is because of two problems: the image is not there, and the parent has the wrong width.

    To fix the image use filepath images/image-omelette.jpeg There is no assets folder in the project.

    To fix the width, remove margin:20px 500px 20px 500px; This is not a good way to position the #parent, because it affects the width. Instead use

          width: 600px;
      margin: 0 auto;

    This is a good size for the recipe, and will center the container automatically.

    Hope this helps.

    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