Skip to content
OverviewSolutions
8
Comments
8
Sabiq Hashil
@SabiqHashil

All comments

  • pstar8•260
    @pstar8Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am glad I could effectively use CSS Grid and Flexbox in this project.

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

    Using the minmax() property proved to be a bit difficult but I was able to scale through.

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

    Any contributions on widths, margins and padding are welcome.

    Testimonials grid section using CSS Grid.

    1
    Sabiq Hashil•100
    @SabiqHashilPosted 6 months ago

    Little bit differents

    0
  • Needler•170
    @NeedlerNeedlerSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    works pretty smoothly

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

    the grid was tricky - then was simple to convert to flex for mobile design

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

    the images in the cards being moved to the right

    Four Cards! Good attempt I think!

    1
    Sabiq Hashil•100
    @SabiqHashilPosted 6 months ago

    some changes need

    0
  • Sabiq Hashil•100
    @SabiqHashilPosted 6 months ago

    some changes need to perfect

    0
  • Luigi Baranda•340
    @Lbaranda26Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Once I download the figma design. I will update the font size, line height and the background color.

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

    Getting comfortable in responsive design. By more practice and research.

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

    As of now, I will practice and research.

    product-preview-card-component-main

    1
    Sabiq Hashil•100
    @SabiqHashilPosted 6 months ago

    Better

    0
  • Sabiq Hashil•100
    @SabiqHashilPosted 7 months ago

    Semantic HTML:

    • The solution uses semantic HTML elements like <header>, <nav>, <section>, <article>, and <footer>, which is great for accessibility and SEO.

    Accessibility:

    • Improvements could be made to enhance accessibility:
      • Adding alt attributes to the <img> elements for screen readers.
      • Ensuring proper color contrast for text readability, especially in the "Categories" section.
      • Implementing keyboard navigation for better accessibility.

    Responsiveness:

    • The layout looks good on a range of screen sizes. It is responsive and adapts well to different devices.

    Code Structure:

    • The code is well-structured and readable, making it easy to understand.
    • There is potential for further improvement by organizing CSS into separate files for better maintainability, especially as the project grows.

    Design vs. Solution:

    • The solution closely follows the design provided, which is great for meeting the project requirements.
    • Consider adding hover effects or transitions on recipe cards for a more interactive feel, as shown in the design.

    Overall:

    • The solution is a solid start with good use of semantic HTML and a responsive layout.
    • To enhance it further, focus on improving accessibility, organizing CSS, and adding some interactive elements for a more engaging user experience.

    Feel free to ask if you have any questions or need clarification on any points!

    Marked as helpful
    0
  • Sabiq Hashil•100
    @SabiqHashilPosted 7 months ago

    nice

    0
  • Xyala•40
    @Xyala-xyalaSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to achieve fast compare to my previous challenge.

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

    None

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

    How to write reusable code

    responsive landing page using CSS position property

    1
    Sabiq Hashil•100
    @SabiqHashilPosted 7 months ago

    nice

    0
  • Sabiq Hashil•100
    @SabiqHashilPosted 7 months ago

    its nice

    0