Any suggestions on how I can improve are welcomed:)
As always if you think I could have done it in a better/different way, please let me know :)
Just if I could have coded it in a better/more simple way.
Just if someone thinks I could of done it in a better/more simplified way.
If there are any coding improvement suggestions that would be great :)
That I am continuing to learn new concepts and remember concepts that I have forgotten after some time away from coding.
What challenges did you encounter, and how did you overcome them?It was pretty straight forward but asked AI for one thing I forgot.
What specific areas of your project would you like help with?Just if someone thinks I could of done it in a better/more simplified way.
Hi @Blackpachamame,
Thank you for the detailed and very helpful comments:)
@Mezbah Uddin, great effort! If I had to make suggestions it would be to add a background-color for the overall background to get it to look more like the sample image and perhaps to soften the box-shadow a little more. I used something like this: box-shadow: 2px 10px 16px rgb(226, 226, 226);
This was pretty straight-forward.
What challenges did you encounter, and how did you overcome them?None really.
What specific areas of your project would you like help with?As always if you think I could have done it in a better/different way, please let me know :)
Gergő Orosházi, thanks for the feedback! I think it is just the image I submitted. The background-color is on the body tag in my code but if you saw it on the live site link please let me know as it could be something else:)
The live site link is here: https://htmlpreview.github.io/?https://github.com/yvonnem111/recipe-page-main/blob/main/index.html
Learnt how to use grids and media queries in css, tough challenge. I would work on timing myself to finish this projects earlier...
What challenges did you encounter, and how did you overcome them?Responsiveness, and i used media queries to achieve the design so yeah....
What specific areas of your project would you like help with?No areas for now.....
Hi @lulungar, Great effort! My suggestion would be to get around the instruction and copy not lining up I would try:
ol { list-style-position: outside; } ol li { padding-left: 5px; } then you can remove the following on the span tag. ol li span { margin-left: 15px; } Hope that helps:)
I need help with the alignment of the text in the Instructions section. I couldn't make the text aligned left and it goes under the numbers on the next row, which is not right according to the deign. Please, advise.
It looks pretty good. To get around the issue you were having re the instructions section I used the following:
ol { list-style-position: outside; } ol li { padding-left: 5px; }
Hope this helps :)
