Skip to content
OverviewSolutions
9
Comments
10
Masseh
@Masseh2025

All comments

  • Masseh•210
    @Masseh2025Posted 4 months ago

    Very nice!

    0
  • Masseh•210
    @Masseh2025Posted 4 months ago

    this is very nice but a fews things I would add are

    1. when in a smaller screen the author section isn't there
    2. I would follow a video tutorial on "How to make a tooltip"
    3. use rem for font-size instead of em
    4. don't use camel case for naming ids
    5. use rem for padding and margins when possible

    anyways good job 👍

    Marked as helpful
    0
  • Masseh•210
    @Masseh2025Posted 5 months ago

    Very nice good job!

    0
  • Masseh•210
    @Masseh2025Posted 5 months ago

    This solution looks neatly styled but I would avoid adding fixed Widths to the .card class and add a max width of 1100px - 1200px to the card container. Also I would deploy the media query earlier.

    Marked as helpful
    0
  • Masseh•210
    @Masseh2025Posted 5 months ago

    Its responsive for the most part but one thing I would say is that it kind of gets messy between 600px-375px I don't know if this was a mistake because when you get past that it gets responsive.

    0
  • Darkpoet•110
    @Ojay16Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of how I used Flexbox to align the contents of my table using the flex: 1; property.

    .nutrition-list li {
    flex: 1; 
    text-align: left;
}
    What challenges did you encounter, and how did you overcome them?

    The only challenge I had was aligning the gram content of the table, but after a little research, I learned how to use Flexbox to achieve the required outcome.

    By using the flex: 1; property, I was able to allow the list items to grow and shrink as needed, which enabled me to apply the align-items: left property.

    Recipe page created using HTML, CSS, and Flexbox

    1
    Masseh•210
    @Masseh2025Posted 5 months ago

    This is a very good solution but one thing I would do would be to use rems/ems and color variables.

    Marked as helpful
    0
  • Masseh•210
    @Masseh2025Posted 5 months ago

    This is a very nice solution but one thing I would do if i were you would be to remove the bottom margin from the last button.

    Marked as helpful
    0
  • Grace M codes•20
    @GraceMCodesSubmitted 5 months ago
    What challenges did you encounter, and how did you overcome them?

    I am having trouble accessing the designs so I had to think outside the box. Any help will be much needed.

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

    In the footer section definitely need help with the css display properties

    Simple blog post

    3
    Masseh•210
    @Masseh2025Posted 5 months ago

    If I were you I would probably try to understand the basics more then try this challenge again.

    0
  • Vasavi Dwivedi•80
    @vvvasaviiSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of how i was actually able to build my first ever project and use version controls correctly.I'm also quite proud of how i didn't just give up and cheat my way out of this with countless challenge solutions on ytube. Next time i would be more precise with my code and will hopefully try to complete it a bit early.

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

    Although very basic but flexbox gave me a hard time even though i thought i had the basics down clearly. i overcame it by deepening my understanding of flexbox.

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

    Pls read my code and tell me the unecessary or redundant piece of codes,if you happen to have some spare time.Also pls provide any critical feedback,even and especially the negative ones.Thank you in advance.

    Qr code component

    3
    Masseh•210
    @Masseh2025Posted 5 months ago

    By the way I noticed that you used alot of ids in your code, I think you would be fine just using class names for the most part unless you really need them and remove the unnecessary "child" classes and try to make the names a little more descriptive. For exmaple instead of naming your img "img" I would name it qr-code-img.

    Marked as helpful
    0
  • Vasavi Dwivedi•80
    @vvvasaviiSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm mostly proud of how i was actually able to build my first ever project and use version controls correctly.I'm also quite proud of how i didn't just give up and cheat my way out of this with countless challenge solutions on ytube. Next time i would be more precise with my code and will hopefully try to complete it a bit early.

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

    Although very basic but flexbox gave me a hard time even though i thought i had the basics down clearly. i overcame it by deepening my understanding of flexbox.

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

    Pls read my code and tell me the unecessary or redundant piece of codes,if you happen to have some spare time.Also pls provide any critical feedback,even and especially the negative ones.Thank you in advance.

    Qr code component

    3
    Masseh•210
    @Masseh2025Posted 5 months ago

    Overall its pretty good, but one thing I would probbaly to make the solution a little bit bigger.

    0