Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

I made use of basic HTML and CSS to my knowledge

moholeng 20

@Mokoena2000

Desktop design screenshot for the Recipe page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


-What i found difficult at first was adding the CSS and images as my linking was giving me problems eventually i managed to add my image, but still had trouble with adding my CSS externally so i opted to doing it internally.

  • Im unsure of my tab as in the example there's an spacing between the columns but in order for me to do the columns correctly i would have to use bootstrap as its the only way im familiar with -Okay so i would love to know how i ca make my websites more responsive and animated

Community feedback

Om Yadav 200

@OmYadav3

Posted

Try hard brother and see my solution

3

moholeng 20

@Mokoena2000

Posted

@OmYadav3 Thanks and yeah i checked your solution and noticed my mistakes the plan is to do it over again, and most likely do it correct this time

0
ngdangtu 120

@ngdangtu-vn

Posted

Maybe this is your first ever project. I can gimme you a tip, try to follow this:

  1. color the background
  2. color the main box (white box) & set border-radius on it
  3. keep add text and background color on other elements
  4. try to align main box. In this case, auto margin can work just fine
  5. try to structurize the content into section. Hint, there is at least 1 header, 3 sections & 1 sub section. By doing so, you can organize your css and work faster.
  6. try to add more padding make it match to the photo (leave the last section for the... very last.)

For the last section (nutrition sect), you can use html table or css grid to make a table. Just play with your imagination.

My code is a bit high level, but you can fire issues to ask me if there is anything you don't know: https://www.frontendmentor.io/solutions/simple-static-site-2h-kuloB9k

1

moholeng 20

@Mokoena2000

Posted

@ngdangtu-vn Thank you very much my guy this was really helpful ill get to it right away and will get back to you with my results, i didn't actually know this challenge was so complex

0
ngdangtu 120

@ngdangtu-vn

Posted

@Mokoena2000 It is not, just break down the problem and everything will be ok. I may make a long list, but if you read it carefully, most of them are very easy to do.

2
moholeng 20

@Mokoena2000

Posted

@ngdangtu-vn Thanks for the help though 👍👌

0

Please log in to post a comment

Log in with GitHub
Discord logo

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