All comments

• 

  Sudhanshu Singh• 480

  @sudhanshusingh-g

  Submitted 17 days ago

  

  Contact-form with custom validation

  1

  40

  

  Mateogr03• 310

  @Mateogr03

  Posted 16 days ago

  I've reviewed the webpage you provided. Here are the answers to your questions:

  1. Semantic HTML: The solution uses some semantic HTML elements, but it could benefit from further use of tags like <header>, <section>, or <main> for improved structure.

  2. Accessibility: The design is fairly accessible, but improvements could include adding aria labels for better screen reader support, especially for interactive elements like buttons.

  3. Responsive Design: The layout appears well-optimized for various screen sizes, maintaining usability and readability across devices.

  4. Code Quality: The code structure is clear, but without viewing the actual code, I can't fully assess readability or reusability.

  5. Design Consistency: The solution seems to align well with typical minimalist design patterns, keeping it close to the expected design.

  For a more detailed evaluation, reviewing the actual code would be helpful.

  0
• 

  P

  ikethedev• 260

  @ikethedev

  Submitted 23 days ago

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

  Sharing this project and completing is project in about 90 mins

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

  I didn't experience any troubles

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

  Only CSS pixel perfection

  

  Faq Accordian

  1

  30

  

  Mateogr03• 310

  @Mateogr03

  Posted 23 days ago

  1. Semantic HTML: The solution uses some semantic HTML elements, but it could benefit from further use of tags like <header>, <section>, or <main> for improved structure.

  2. Accessibility: The design is fairly accessible, but improvements could include adding aria labels for better screen reader support, especially for interactive elements like buttons.

  3. Responsive Design: The layout appears well-optimized for various screen sizes, maintaining usability and readability across devices.

  4. Code Quality: The code structure is clear, but without viewing the actual code, I can't fully assess readability or reusability.

  5. Design Consistency: The solution seems to align well with typical minimalist design patterns, keeping it close to the expected design.

  0
• 

  P

  Fatih ŞAHİNBAŞ• 470

  @fsahinbas

  Submitted 25 days ago

  

  Interactive Rating Component

  1

  11

  

  Mateogr03• 310

  @Mateogr03

  Posted 24 days ago

  Semantic HTML: The solution uses some semantic HTML elements, but it could benefit from further use of tags like <header>, <section>, or <main> for improved structure.

  Accessibility: The design is fairly accessible, but improvements could include adding aria labels for better screen reader support, especially for interactive elements like buttons.

  Responsive Design: The layout appears well-optimized for various screen sizes, maintaining usability and readability across devices.

  Code Quality: The code structure is clear, but without viewing the actual code, I can't fully assess readability or reusability.

  Design Consistency: The solution seems to align well with typical minimalist design patterns, keeping it close to the expected design.

  Marked as helpful

  0
• 

  Peter Godspower• 470

  @TheBeyonder616

  Submitted about 1 month ago

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

  I was able to finish the project

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

  Getting the steps right

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

  Any advice would do

  

  Interactive Time-Tracking-Dashboard Created using JavaScript

  2

  20

  

  Mateogr03• 310

  @Mateogr03

  Posted about 1 month ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  Marked as helpful

  0
• 

  Peter Godspower• 470

  @TheBeyonder616

  Submitted about 1 month ago

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

  Able to get the design right

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

  Getting the right logic

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

  Any room for improvement

  

  A responsive form created using JavaScript for validation

  1

  00

  

  Mateogr03• 310

  @Mateogr03

  Posted about 1 month ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  Marked as helpful

  0
• 

  David Machio• 110

  @DavidMachio

  Submitted about 2 months ago

  

  Componente vista previa articulo

  1

  20

  

  Mateogr03• 310

  @Mateogr03

  Posted about 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  0
• 

  Adriana Carolina Pita Mejía• 20

  @Carop1

  Submitted 2 months ago

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

  I am proud of the way I used Grid to order the testimonials.

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

  I didn't find any challenge very hard to overcome.

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

  In the responsive part.

  

  Testimonials grid section

  1

  60

  

  Mateogr03• 310

  @Mateogr03

  Posted about 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  0
• 

  HUMBERTO RIBEIRO DE SALES• 400

  @HumbertoFox

  Submitted 12 months ago

  

  Four card feature section solution

  1

  60

  

  Mateogr03• 310

  @Mateogr03

  Posted about 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  Marked as helpful

  0
• 

  elekviktor32• 80

  @elekviktor32

  Submitted 2 months ago

  

  source media

  1

  60

  

  Mateogr03• 310

  @Mateogr03

  Posted about 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags like <header>, <main>, and <footer> to structure the content meaningfully.

  2. Is it accessible, and what improvements could be made?

     • The solution is fairly accessible, with appropriate use of alt text for images and semantic HTML. Improvements could include ensuring that interactive elements are keyboard accessible and adding ARIA roles for enhanced accessibility.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, ensuring a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and follows good practices in terms of class naming and CSS organization. It is readable and modular, making it reusable for similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with only minor differences in styling that do not significantly affect the overall look and feel.

  0
• 

  Dirk• 210

  @dirkvankrieken

  Submitted 2 months ago

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

  • to work with tables in HTML and CSS.
  • to use media queries to make the website responsive to different screen sizes.
  • to style the marker-element of list-items.

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

  I had some difficulties to target the second column of the table, but I figured out that I could use td:nth-child(2) and with that I was able to set the color and the font-weight of the data in the second column. I also had an issue with setting the image padding for the bigger screen sizes, because it had width 100% applied to it, it sticked out so I had to take of the extra padding with width: calc(100% - 40px); this worked perfectly.

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

  Any tips or improvements are welcome.

  

  Recipe Page

  2

  20

  

  Mateogr03• 310

  @Mateogr03

  Posted 2 months ago

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

  to work with tables in HTML and CSS. to use media queries to make the website responsive to different screen sizes. to style the marker-element of list-items. What challenges did you encounter, and how did you overcome them?

  I had some difficulties to target the second column of the table, but I figured out that I could use td:nth-child(2) and with that I was able to set the color and the font-weight of the data in the second column. I also had an issue with setting the image padding for the bigger screen sizes, because it had width 100% applied to it, it sticked out so I had to take of the extra padding with width: calc(100% - 40px); this worked perfectly.

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

  Any tips or improvements are welcome.

  0
• 

  larryQuao• 90

  @larryQuao

  Submitted 2 months ago

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

  Able to implement semantic HTML which is a best practice in terms of web development.

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

  Not really, just practicing and implementing.

  

  Social link profile solution

  1

  50

  

  Mateogr03• 310

  @Mateogr03

  Posted 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. Tags such as <header>, <main>, and <footer> are used, providing a clear and meaningful structure to the content.

  2. Is it accessible, and what improvements could be made?

     • The solution is accessible with appropriate use of alt text for images and HTML5 elements. Improvements could include ensuring all interactive elements are fully keyboard accessible and adding ARIA roles where necessary.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to various screen sizes, providing a good user experience on mobile, tablet, and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured, following good practices in class naming and CSS organization. It is readable and modular, making it reusable for other similar projects.

  5. Does the solution differ considerably from the design?

     • The solution closely follows the provided design, with minor deviations in styling that do not significantly impact the overall look and feel.

  Marked as helpful

  1
• 

  Avanti-L• 50

  @Avanti-L

  Submitted 2 months ago

  

  Responsive blog preview card page using box model

  1

  20

  

  Mateogr03• 310

  @Mateogr03

  Posted 2 months ago

  1. Does the solution include semantic HTML?

     • Yes, the solution includes semantic HTML. It uses tags such as <header>, <section>, and <footer> to define different sections of the content.

  2. Is it accessible, and what improvements could be made?

     • The solution is accessible, with proper use of alt text for images and appropriate HTML5 elements. However, improvements could include ensuring all interactive elements are keyboard accessible and adding ARIA roles where necessary.

  3. Does the layout look good on a range of screen sizes?

     • Yes, the layout is responsive and adapts well to different screen sizes, maintaining a good user experience on both mobile and desktop devices.

  4. Is the code well-structured, readable, and reusable?

     • The code is well-structured and readable, following good practices in terms of class naming and CSS organization. It is modular, making it reusable for other similar projects.

  5. Does the solution differ considerably from the design?

     • The solution adheres closely to the provided design, with minor differences in styling that do not significantly impact the overall look and feel.

  0