Skip to content
OverviewSolutions
5
Comments
5

Abdurrahman Habib

@Abrster-codesNigeria70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

Responsive Design And Tailwindcss

Latest solutions

Latest comments

  • Abdurrahman Habib•70
    @Abrster-codes

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

  • sd3u16•100
    @sd3u16
    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-codes

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

  • Abdurrahman Habib•70
    @Abrster-codes

    excellently done down to the smallest detail.

  • yuriinyk•150
    @yuriinyk
    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-codes

    well done

    Marked as helpful
  • Abdurrahman Habib•70
    @Abrster-codes

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