Skip to content
Submitted 3 months ago

Flexbox-Grid and Responsive

#accessibility
mkalkandev•160
@mkalkandev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I don't have enough knowledge about grid and responsive layout and I haven't used it before. I'm just starting out. I need to improve myself in this regard and now I need to learn Sass.

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

I had a hard time with the responsive side, I solved it by researching and using AI.

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

I think I wrote overly complicated code. I generally find a solution but I think I overcomplicate it until I find it. I would like to look at the solution and be informed if there are any deficiencies or mistakes.

Community feedback

  • JosephOluOlofinte•70
    @JosephOluOlofintePosted 3 months ago

    Great job @mkalkandev. Just checked out your project.

    I see something is going on with the bottom space in your content area. It's large on desktop but kinda tiny on mobile. You could check that out if you haven't already noticed.

    I like how you split your mobile CSS from the main. I've tried doing this a few times though I'd @import it in the main CSS file.

    I always @import my fonts.css file, which works fine, but my mobile.css doesn't. I wonder why's that.

    Marked as helpful
    0
    mkalkandev•160
    @mkalkandevPosted 2 months ago

    @JosephOluOlofinte Thank you. Can you try as a link to the html file instead of import? I am adding it this way

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord