Skip to content
OverviewSolutions
3
Comments
3
alexrtm
@alexrtm

All solutions

  • Submitted 3 months ago

    Social Links Profile

    • HTML
    • CSS
    3

    • Could the social links be organized using an unordered list `` for better semantic structure, considering these are grouped links?

    • Would display: grid have been a better choice for styling the social links card?

    • Is the use of vh units in the padding (clamp(1.5rem, 3.5vh, 2.5rem)) appropriate for providing smooth responsiveness on all screen sizes? Would an alternative unit like vw provide better consistency?

    • Are the focus states (outline: 3px solid var(--clr-text-secondary)) on links clear and distinguishable enough for keyboard users?

    • Should the focus state be visually different from the hover state to better distinguish between mouse and keyboard interactions?

  • Submitted 3 months ago

    Blog Preview Card

    • HTML
    • CSS
    1
    1. While clamp() seemed to work well in this case for implementing responsive typography and layout, I would like to explore additional techniques for handling responsiveness. I would appreciate feedback on how to better handle extreme screen sizes (both small and large) and ensure that the design remains visually appealing across all devices.
    2. While I tried my best to ensure the project was semantically structured and included basic accessibility features (like alt attributes), there’s always room for improvement. I’d like feedback on how to improve the accessibility of my card component, particularly for users who rely on screen readers or keyboard navigation.
    3. Although the typography is responsive, fine-tuning font sizes, line heights, and spacing for optimal readability can be tricky. I’m seeking feedback on how to fine-tune typography and spacing for better readability and visual hierarchy across different devices.
    4. I'd like feedback on my uses of grid on the blog preview card itself to control the layout of its child elements.
    5. I'd like feedback on my use of flexbox for the author element.
  • Submitted 3 months ago

    QR Code Component

    • HTML
    • CSS
    1

    1. I would like feedback on the choice of my html elements and structure. Specifically, I would like to know if I chose the correct semantic elements.

    2. In order to center the component in the body, I had to add this css rule:

      html, body {
    height: 100%;
}

      I am not sure why I had to do this, even when I made the body display: flex and used center for justify-content and align-items.

    3. Was it appropriate to give the body a flex display to center the component?

    4. Did I properly size the component?