Skip to content
OverviewSolutions
5
Comments
5

Raizo-03

@Raizo-0350 points

COMPUTER SCIENCE STUDENT

Latest solutions

  • Responsive Product Review Card Component using CSS Flexbox

    Raizo-03•50
    Submitted about 1 month ago

    I’d like help making sure the container height perfectly matches the image, and also making the layout more flexible without hardcoding too much. Any tips on cleaning up the CSS would be great too.

    1 comment

  • Responsive Recipe Page using Flexbox CSS

    Raizo-03•50
    Submitted about 2 months ago

    I’d like feedback on better ways to structure my BEM classes to keep my CSS scalable. Also, how to troubleshoot font issues more efficiently and when to use border-collapse for tables. I also want to know how can I use clamp for this.

    1 comment

  • Responsive Social Links Profile using Flexbox and Media Query

    Raizo-03•50
    Submitted about 2 months ago

    I'd love feedback on:

    --How I’m using media queries — are there better breakpoint strategies I could try?

    --My use of BEM naming — is it scalable for larger projects?

    --Any performance optimizations I might have missed, especially for mobile.

    1 comment

  • Responsive Blog preview card using Flexbox CSS

    Raizo-03•50
    Submitted about 2 months ago

    Accessibility: I'd like feedback on proper ARIA labels, focus management, and screen reader optimization for the card component.

    Advanced Responsive Design: Help with implementing container queries and more sophisticated breakpoint strategies beyond basic media queries.

    CSS Architecture: Feedback on my BEM implementation and suggestions for organizing CSS in larger projects.

    Cross-browser Compatibility: Ensuring the layout works consistently across different browsers and devices.

    1 comment

  • QR Code Component using basic HTML5, CSS3 and Flexbox

    Raizo-03•50
    Submitted about 2 months ago

    I'm open to all feedback, but I'd especially appreciate help with the following areas:

    Responsiveness: Are there better ways to handle mobile responsiveness, especially for centering the component vertically?

    Styling Practices: Is my use of CSS custom properties and font import clean and maintainable?

    Layout Structure: I used Flexbox for centering — is this the most efficient approach for this type of layout?

    Code Optimization: Are there any unnecessary CSS declarations or better practices I could follow?

    General Code Readability: Is the HTML and CSS structure readable and scalable for future projects?

    2 comments

Latest comments

  • Raizo-03•50
    @Raizo-03

    Ahmed, I think your layout looks clean and the overall design works, but there are a few areas that need improvement. The way you positioned the icon using absolute and transform inside the button feels unnecessary. There's no mobile responsiveness, so it looks off on smaller screens. Typography is okay, but it could use better font pairing or clearer hierarchy. The color scheme is nice, but you missed out on basic interactivity like hover or active states for the button. Also, using semantic HTML like a proper <button> tag instead of a styled div would help with accessibility.

  • Raizo-03•50
    @Raizo-03

    The overall structure is clean and readable, and the design looks solid. But I see some areas for improvement such as: --global selector is too aggressive. Applying font-family, color, and overflow-wrap globally might lead to unintended side effects. -- some classes follow BEM (prep-time vs. card img, nutrition table td span). Would be better to go full BEM for scalability. -- div for sections like prep-time, instructions, etc. works, but swapping them for actual <section> or <article> elements would improve semantics and accessibility.

  • Raizo-03•50
    @Raizo-03

    Hey Mauriciox, great job on building this project! I can see you put in the effort, and the overall layout is clean and centered, which is great. That said, I noticed a few things that could be improved. For starters, wrapping <a> tags inside <button> elements isn’t semantically correct — it’s better to use just styled <a> tags if you’re linking somewhere. Also, naming a class .ul can be confusing since it’s also a native HTML tag. Something more descriptive like .social-links would make your code clearer.

    Overall, solid work.Keep it up!

  • Thomi Hawari•170
    @thomi-h
    What are you most proud of, and what would you do differently next time?

    Using clamp to set the font size dynamically adjust with the screen size.

    Blog Preview Card Flex

    1
    Raizo-03•50
    @Raizo-03

    Hey Thomi, just checked out your blog preview card — solid work overall.

    Nice job using CSS variables for spacing, colors, and font sizes — makes the design easy to scale and maintain. Also, the use of clamp() these methods are ahead and you follow modern practices. That shadow and layered ::before effect adds a good visual. Also, you almost created the original design! This is clean design. Great job.

  • Raizo-03•50
    @Raizo-03

    Hi Jatin! Congratulations on completing this QR code component challenge.

    I really like how close your design is to the original — nice job replicating the layout and overall styling. The only noticeable difference is that your component appears slightly larger than the reference version. However, I cannot see the source code or the repository of your solution that's why I cannot give feedback on it.

    Overall, solid work and design. Keep coding!