Skip to content
OverviewSolutions
3
Comments
3

Matilda

@Til-da50 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

Latest comments

  • RidaniFZ•30
    @RidaniFZSubmitted 1 day ago
    What are you most proud of, and what would you do differently next time?

    the final result.

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

    the default margin of <p> element, and finaly i remove it in order to do it manually.

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

    nothing !

    Flexbox, clip-path, media queries.

    1
    Matilda•50
    @Til-daPosted 1 day ago

    Your code is well-structured and responsive, ensuring the layout adapts to different screen sizes. However, The font weight for the name (.name) is set to 150, which may be too light—using 600 or 700 would improve visibility. Additionally, adding cursor: pointer; to the .btn class ensures a better user experience, especially on mobile devices. The footer might overlap content on smaller screens, so positioning it at the bottom with position: absolute; bottom: 10px; width: 100% could keep it in place.

    0
  • P
    Kondepati Jyothindra Pavan•20
    @kjyothindrapavanSubmitted 8 days ago
    What are you most proud of, and what would you do differently next time?

    I had chance to learn about css custom properties and handling images in css.

    I think the css units should thought of more . I will use other units instead of pixels

    What challenges did you encounter, and how did you overcome them?
    1. Rounded corners for images: I have faced issue with rounded corners for images as image is not occupying entire height of parent. so i used object-fit: cover css property to overcome it.
    What specific areas of your project would you like help with?
    1. suggestions on where css units can be modified.

    Blog Post Card with responsive design

    1
    Matilda•50
    @Til-daPosted 8 days ago
    1. Yes, it uses semantic elements but the <section> tags inside the <article> could be replaced with more meaningful elements (<header>, <footer>). 2.Does the layout look good on a range of screen sizes? : YES, but some minor improvements needed like: The card scales well using max-width: 100% for images and content. It has a mobile-first design, with a media query (@media only screen and (min-width: 500px)). Possible Issue: The width is fixed (width: 327px; height: 501px;), which may not adapt well to all devices.
    Marked as helpful
    0
  • Matilda•50
    @Til-daPosted 13 days ago
    • Yes, the solution includes HTML.
    • It is accessible, Changes I'll make: is to increase the design and make the font more visible
    • It looks good on the range of screen sizes.
    • The code is well-structured, readable and reusable.
    • The solution differs a bit, the font and size.
    0