Skip to content
OverviewSolutions
5
Comments
6
Olaniyi-Fatola
@Olaniyi-Fatola

All comments

  • Gigantisk•20
    @GigantiskSubmitted 9 days ago
    What are you most proud of, and what would you do differently next time?

    Most of the page.

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

    Create a table and separate line.

    Research how to do it on internet.

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

    Some advice for better accessibility on different device, or any other advice for table.

    Recipe Page - HTML - CSS

    3
    Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted 8 days ago

    This is absolutely great. For accessibility on different devices, you can use media queries which is "@media (max-width: 768px){}" and then code the what you'll like be different for mobile devices on it. You can check out this video on youtube for better understanding https://youtu.be/k0UVMuCXJtY?si=Y56Xin_U6RjFGdOG

    Marked as helpful
    1
  • Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted 8 days ago

    This is absolutely almost perfect, I love this! What I can say you should do is reduce the cart icon width and height as that will reduce the space and make the "Add to cart" text stay in one line perfectly. svg{ width: 1rem; height: 1rem; } This should make it better. Overall Great Job

    0
  • Bruna Gonçalves•180
    @brunagoncalvesSubmitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    Achieving a clean and responsive design while keeping the code organized and maintainable. The use of semantic HTML also made the project more accessible, which was a priority for me.

    What I would do differently next time: I would spend more time planning the layout structure and breakpoints to streamline the development process, as well as improve the reusable components.

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

    One key challenge was managing spacing and alignment across different screen sizes. I overcame this by refining the CSS with a mobile-first approach, focusing on Flexbox and Grid properties to achieve a consistent look.

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

    I’d appreciate feedback on optimizing the CSS for scalability and best practices on responsive design—especially on handling complex layouts more efficiently.

    Recipe page solution

    1
    Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted 14 days ago

    This is really nice

    0
  • Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted about 1 month ago

    This is great, Well-done.

    0
  • Kishore Kongani•60
    @laxmikishore13Submitted about 2 months ago
    What specific areas of your project would you like help with?

    Thanks for helping.

    can you please let me know if you find areas of improvement, related to structure of html and any code development in css.

    Blog Card using HTML and CSS

    1
    Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted about 2 months ago

    Nicely well done, The codes are almost perfect. The only thing I can add to your code solution is using pixel (px) as your unit, you should try using "rem" or "em", you can check this article out https://fedmentor.dev/posts/font-size-px/#see-text-size-changes-in-action

    0
  • Olaniyi-Fatola•70
    @Olaniyi-FatolaPosted about 2 months ago

    This is GREAT @nirajkumardangi. The HTML was neatly done, the same as the CSS. I also learned some things from viewing your code. The only thing I can say is that you probably forgot to align your text to the center. You can use the code "text-align: center;". All round WELLDONE

    0