Skip to content
OverviewSolutions
2
Comments
2

Levent

@leventsoner20 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

  • Blog preview card solution using Flexbox

    Levent•20
    Submitted 7 months ago

    I would appreciate feedback on:

    1. Best practices for responsive typography - I'd like to know if there are better ways to handle font-size changes between mobile and desktop views without relying heavily on media queries.

    2. CSS organization - While my code works, I'd love to hear suggestions about making it more maintainable and following industry best practices.

    1 comment

  • QR Code Component Using Flexbox

    Levent•20
    Submitted 8 months ago
    1 comment

Latest comments

  • Sora-W-Erdnase•50
    @Sora-W-Erdnase
    What specific areas of your project would you like help with?

    I don't understand why I couldn't use the align-items and justify-content to center my card. If I use it, my card would just stick to the top of the page so I had to use a margin-top of 10% instead, which, I imagine, isn't the ideal solution.

    div container via Flexbox

    2
    Levent•20
    @leventsoner

    Hello, great job.

    To improve the centering of your card, consider using min-height: 100vh; on the <main> element. This will allow align-items: center; and justify-content: center; to work effectively, centering your card both vertically and horizontally within the viewport. Like this:

    main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:center;
    min-height: 100vh;    
}

    Overall, I think you are on the right track, keep up the great work!

  • Levent•20
    @leventsoner

    Thank you for sharing your solution! I noticed a few things that might help improve the component:

    1. The vertical centering could be improved using Flexbox, which would make it more consistent across different screen sizes
    2. The image border-radius appears to be affected by the padding. Moving the padding to the container would help maintain the rounded corners
    3. The responsive design works well, though you might consider adjusting the breakpoint to 375px for this specific component

    Overall, good job on implementing the design!Let me know if you'd like specific examples of any of these suggestions.