All comments

• 

  pstar8• 150

  @pstar8

  Submitted 5 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

  30

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  Little bit differents

  0
• 

  P

  Needler• 170

  @NeedlerNeedler

  Submitted 5 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

  40

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  some changes need

  0
• 

  joyjohnson18• 50

  @joyjohnson18

  Submitted 5 months ago

  

  My product preview card component

  1

  30

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  some changes need to perfect

  0
• 

  Luigi Baranda• 340

  @Lbaranda26

  Submitted 5 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

  40

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  Better

  0
• 

  Garg2006• 250

  @Garg2006

  Submitted 5 months ago

  What are you most proud of, and what would you do differently next time?

  .

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

  .

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

  .

  

  Responsive FOOD website using(max-width,% type of elememts in project)

  1

  40

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 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
• 

  Breno-coelh0• 30

  @Breno-coelh0

  Submitted 5 months ago

  

  Social media responsive page

  1

  10

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  nice

  0
• 

  Xyala• 40

  @Xyala-xyala

  Submitted 5 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

  20

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 5 months ago

  nice

  0
• 

  himanshudaksh2• 10

  @himanshudaksh2

  Submitted 6 months ago

  

  Responsive QR Landing Page

  1

  10

  

  Sabiq Hashil• 100

  @SabiqHashil

  Posted 6 months ago

  its nice

  0