Skip to content
OverviewSolutions
5
Comments
5
Abdurrahman Habib
@Abrster-codes

All comments

  • Abdurrahman Habib•70
    @Abrster-codesPosted 5 days ago

    well built!!! But your font eights and sizes dont match the given design

    1
  • sd3u16•100
    @sd3u16Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    the linear-gradient grid

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

    layout issues

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

    none

    Recipe-Page

    1
    Abdurrahman Habib•70
    @Abrster-codesPosted about 1 month ago

    nicely done... really like the implementation of opacity in the card, great work

    0
  • Abdurrahman Habib•70
    @Abrster-codesPosted about 1 month ago

    excellently done down to the smallest detail.

    1
  • yuriinyk•150
    @yuriinykSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of myself because I approached the project with a fresh perspective. I completely redesigned the layout and added a gradient to make it look more realistic and visually appealing. If I were to do it again, I might focus more on making the layout mobile-first from the start, ensuring that responsiveness works seamlessly without needing additional tweaks later on.

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

    One of the challenges I encountered was ensuring that the design was both responsive and functional across different devices. I had to experiment with various CSS properties to adjust the card layout and font sizes. At one point, I faced issues with images not displaying correctly on mobile screens. I overcame this by adjusting the object-fit property and fine-tuning the breakpoints in the CSS.

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

    I would appreciate feedback on the responsiveness of my design, specifically how well it adapts to different screen sizes. I’m also looking for tips on optimizing image loading times for better performance, as well as suggestions for improving the semantic structure of the HTML, especially when working with different content types.

    cssgradient ,live server

    1
    Abdurrahman Habib•70
    @Abrster-codesPosted about 2 months ago

    well done

    Marked as helpful
    0
  • Abdurrahman Habib•70
    @Abrster-codesPosted about 2 months ago

    to help center the design, you should give your container a height and using flex's align-items: center; to center your card

    0