Skip to content
OverviewSolutions
11
Comments
7

zardrick

@zardrick180 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Submitted 4 days ago

    3-Column Preview Card Component

    • HTML
    • CSS
    0

    Feedbacks

  • Submitted 5 days ago

    Order Summary Card Solution

    • HTML
    • CSS
    0

    Here are a few areas where I’d appreciate feedback or help:

    I organized my SCSS with separate files for variables, global styles, and components. Is this the most efficient way, or are there better structuring methods?

    I used a mixin for typography, but I wonder if I could make it even more flexible without overcomplicating it.

    Are there any unnecessary styles or better ways to optimize my CSS for faster rendering?

  • Submitted 6 days ago

    NFT Preview Card Component | HTML, Sass, Flexbox

    • HTML
    • CSS
    0

    Code Readability & Maintainability – Is my code structured well for scalability, and are there any areas that could be refactored?

    Alignment & Spacing – Does my layout match the design well, or are there any inconsistencies in spacing and positioning?

    All Feedbacks would be highly appreciated.

  • Submitted 7 days ago

    Responsive Results Summary Component

    • HTML
    • CSS
    0

    Feedbacks would always be appreciated.

  • Submitted 7 days ago

    Testimonials Grid Section

    • HTML
    • CSS
    1

    Here are some specific areas where I’d appreciate feedback:

    1. Responsive Layout – Does the testimonial grid adapt well across different screen sizes? Are there any improvements I could make?
    2. Sass Structure – I organized my SCSS files into separate modules. Is this an effective approach, or are there better ways to structure them?
    3. Best Practices – Are there any areas where my code could be optimized or written more efficiently?
  • Submitted 9 days ago

    Responsive Four-card-feature-sectio

    • HTML
    • CSS
    1

    I barely get any feedback on my projects, so I would really appreciate any constructive criticism. It would help me understand where I’m lacking and how I can improve. Specifically, I’d love feedback on:

    Code Structure & Best Practices: Are there any areas where my code could be cleaner or more efficient?

    Accessibility & Readability: Is my design accessible? Are there any improvements I could make for better readability and usability?

    Any feedback, big or small, would be greatly appreciated! 😊

View more solutions

Latest comments

  • Olívio Rui Cumbe•160
    @olivioruiSubmitted 9 days ago
    What are you most proud of, and what would you do differently next time?

    Demorei, mas consgui finalmente trabalhar com o Grid Layout.

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

    A única dificuldade mesmo foi o aprendizado do Grid layout.

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

    De tanto trabalhar com o Flexbox, acabei preferindo ele para muitas coisas, mas gostaria de aprender também o Grid para conciliar os conhecimentos.

    Testimonials grid section

    1
    zardrick•180
    @zardrickPosted 7 days ago

    Your HTML is well organized, and each testimonial has a clear structure. Great layout, colors, and responsive design!

    Areas for Improvement:

    1. Center the Testimonial Grid on Bigger Screens.
    2. Using float: left; for profile images is outdated and can cause layout issues. Use display: flex; Instead. flexbox keeps elements aligned properly without weird text wrapping.
    3. Fix max-height: 100px; in body. This is too restrictive and cuts off the content.. The testimonials should take their natural height.
    0
  • zardrick•180
    @zardrickPosted 9 days ago

    Good Job

    Marked as helpful
    0
  • Peace-Divine•50
    @Peace-DivineSubmitted 12 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of getting the responsive part of both the mobile and desktop view of this project. one thing is would do differently is work with relative units.

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

    the challenge was making the design especially the mobile view to work as expected. i overcame by using relative units

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

    accessibility

    Product preview Card component

    1
    zardrick•180
    @zardrickPosted 12 days ago

    1. Layout Issues on Desktop, you need to adjust the paddings and font sizes, the desktop layout feels too cramped. Button padding is also too large.

    2. Unnecessary <br> Tags in Paragraph The <br> tags inside the paragraph (<p class="paragraph">) cause uneven line breaks. Fix: Remove the <br> tags and use line-height for spacing instead.

    3. Redundant Font Weights Some elements (like .paragraph and h2 p) have font-weight: 700; multiple times, which isn’t needed.

    Overall review: Great effort! Good use of semantic HTML, structured CSS, and responsiveness. Needs minor fixes in layout!

    0
  • zardrick•180
    @zardrickPosted 14 days ago

    Good: Clean and well-structured code, Nice use of CSS variables, Responsive design works well,

    Improve: Adjust spacing for better readability, List markers could be better aligned.

    0
  • zardrick•180
    @zardrickPosted 15 days ago

    The HTML is well-structured, with semantic elements like <main> and appropriate class names. The CSS is clean, using flexbox effectively for layout. The color palette is consistent with the challenge.

    0
  • zardrick•180
    @zardrickPosted 18 days ago

    Your code is well-structured and visually appealing. 👍 Some small improvements you could make:
    The * p selector isn't needed, just use p instead. The image could be more responsive by adding width: 100% and object-fit: cover.

    Marked as helpful
    0
View more comments