Skip to content
OverviewSolutions
5
Comments
4
Noor Muhammad Raza
@noormuhammadraza

All comments

  • arun81302•60
    @arun81302Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Now i can say that i know basics of html and css

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

    This is easy.

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

    I am weak in responsiveness so anyone can correct me on responsiveness.

    Responsive recipe page using html and css

    1
    Noor Muhammad Raza•90
    @noormuhammadrazaPosted 4 months ago

    Overall layout is a little bit off. The size of the recipe card is one of them. Sizing including margins and paddings can be improved. Colors should be used as per the style-guide.

    Marked as helpful
    0
  • Soye Usoroh•40
    @lazy-coffeeSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy the solution came out well

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

    Didn't encounter any challenges

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

    None comes to mind but I'm happy to receive any constructive criticism

    Social Links Profile Solution

    1
    Noor Muhammad Raza•90
    @noormuhammadrazaPosted 4 months ago

    You have done everything right in this project. Just pure appreciation from my side and nothing else. Keep up the great work

    0
  • Kla Marius•40
    @SmatsherSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I started this morning and completed it in one day. I think it is something to be proud of. As I am currently learning and improving along the way maybe next time I'll use a framework to improve my code.

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

    I did encounter so many difficulties this time because this challenge is in the same rhythm as the last one. The only thing I had to deal with was my error while writing the CSS but thanks to the DevTool, I managed to solve it.

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

    I need some advice on how to center the card because I used height: 100vh; for the height of the body then when centering the card I used margin: 50% auto; but It did work as I expected it to. Please let me know if there is anything else I did wrong in my code.

    Blog preview card

    1
    Noor Muhammad Raza•90
    @noormuhammadrazaPosted 5 months ago

    For centering the card you could apply display: grid; and place-items: center; to the container of the card along with height 100vh.

    You have done a great job considering you have completed it in a single day and you are improving day by day. So keep up the good work.

    As for imrovements and suggestion there are few things I would like to share with you.

    1. Try to use divs instead of uls it would be much easier to work with them and they are semantically more appropriate in this project's scenario.
    2. The project comes with downloaded fonts. Next time make sure you learn how to use them because sometimes google fonts can cause issues due to network connectivity.
    3. Finally make sure to analyze more closely and match the design as much as possible.
    Marked as helpful
    0
  • Noor Muhammad Raza•90
    @noormuhammadrazaPosted 5 months ago

    Solution included semantic HTML It is accessible Layout looks good on a range of screen sizes Code is well structured Solution is almost identical to the design

    0