Skip to content
OverviewSolutions
9
Comments
8
Muhammed Ali
@Mohamed-ben-Ali

All comments

  • MAGENE Sem Joel•320
    @JomageneSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how closely the final implementation matches the original design. The use of Sass/SCSS helped in organizing the CSS, making it more maintainable and scalable. Next time, I would consider experimenting more with CSS Grid to manage complex layouts without relying on Flexbox as much.

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

    One challenge was aligning the elements correctly within the grid and ensuring responsiveness across different screen sizes. I overcame this by using a combination of CSS Grid and Flexbox, and tweaking the layout within media queries for larger screens.

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

    I would appreciate feedback on improving the performance of the grid layout, especially regarding load times and how I could have optimized the use of SCSS mixins and variables further.

    Responsive testimonial grid built with Sass/SCSS Grid and flex

    1
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 3 months ago

    Absolutely! Your solution showcases a solid use of semantic HTML, which enhances both the accessibility and the overall structure of the content. The accessibility is well-implemented, ensuring that the site can be navigated and understood by all users, including those relying on screen readers.

    The layout is responsive and looks great across a wide range of screen sizes, maintaining its integrity and usability whether viewed on a mobile device or a larger desktop screen. The code is well-structured, readable, and demonstrates good practices for reusability, which is essential for maintaining and scaling projects.

    Your solution stays true to the original design, with only minor differences that enhance the user experience without deviating from the core design. Overall, you've done an excellent job, and your attention to detail is evident throughout the project!

    0
  • percydocomo•310
    @percydocomoSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    To be able to produce a layout similar to the project using grid layout. Using grid layout would be a better choice because there are horizontal and vertical alignments to deal with.

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

    Using grid layout is a little challenging because I'm still learning it. It took me sometime to figure out the layout but it's great to be able to do it! Also, finding the right colors is a bit difficult to me somehow?! They always look different from the project design.

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

    All feedback is welcome!

    Testimonials grid section

    1
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 3 months ago

    Absolutely! Your solution showcases a solid use of semantic HTML, which enhances both the accessibility and the overall structure of the content. The accessibility is well-implemented, ensuring that the site can be navigated and understood by all users, including those relying on screen readers.

    The layout is responsive and looks great across a wide range of screen sizes, maintaining its integrity and usability whether viewed on a mobile device or a larger desktop screen. The code is well-structured, readable, and demonstrates good practices for reusability, which is essential for maintaining and scaling projects.

    Your solution stays true to the original design, with only minor differences that enhance the user experience without deviating from the core design. Overall, you've done an excellent job, and your attention to detail is evident throughout the project!

    Marked as helpful
    0
  • Martin•290
    @Shanahan914Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Able to use my absolute and relative position knowledge from the last challenge

    Four card feature page (HTML & CSS)

    1
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 3 months ago

    the solution includes semantic HTML there is no improvements could be made.

    0
  • Muhammed Ali•160
    @Mohamed-ben-AliPosted 4 months ago

    the solution includes semantic HTML. It is accessible, with no improvements.

    0
  • Ki'ara Colbert•130
    @kiaraaa123Submitted 8 months ago

    Still new to coding but want to start getting more practice and building my portfolio.

    The main thing I had trouble with was adding the horizontal lines within the table. The initial approach I tried created a break within each line. The next approach I tried, didn't add the lines within the table itself. Looking forward to seeing what solution worked for others.

    Feedback is welcomed, especially on semantics and other ways that I could improve my code.

    Recipe Page (HTML/CSS)

    1
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 4 months ago

    The solution includes semantic HTML It is accessible The layout looks good on a range of screen size

    1
  • Muhammed Ali•160
    @Mohamed-ben-AliPosted 5 months ago

    -Yes the solution includes semantic HTML. -Yes it is accessible.

    0
  • Yessvzo•20
    @yess-vzoSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    This time I had greater fluidity in recreating the design without having problems.

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

    I did't have any.

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

    I would like if you could review the sequence of my CSS, since I started with root elements for colors, and then from general to specific the classes of the elements. I would like to know if it is correct to write it in that order even in larger projects.

    Blog Preview Card - HTML CSS

    1
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 5 months ago

    The solution includes semantic HTML. It is accessible and there are no improvements.

    Marked as helpful
    0
  • Rowan Pereira•330
    @rowanroosterSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    The HTML+CSS was straight forward - tried using flexbox to get the component aligned vertically and horizontally but went with CSS translate in the end. Next time I'll be making sure my environment works properly and that I can use some Sass

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

    Figuring out how to get Sass working without an extension for compiling.

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

    What is the best way to get Sass into your project? I tried using Vite - will try that again but is the 'Live Sass Compiler' by Glenn Marks worth it?

    QR Code Component using HTML5 and CSS

    2
    Muhammed Ali•160
    @Mohamed-ben-AliPosted 5 months ago

    The solution includes semantic HTML. It is accessible. The layout looks good in the range of screen size. The code is perfectly structured, readable, and reusable. The solution does not differ from the design.

    Marked as helpful
    0