Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7

shubhamqx

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

  • testimonial grid section with Mobile first approach


    shubhamqx•80
    Submitted 4 months ago

    1 comment
  • card feature section layout using CSS grid


    shubhamqx•80
    Submitted 4 months ago

    1 comment
  • Product preview card component with Mobile first approach


    shubhamqx•80
    Submitted 5 months ago

    1 comment
  • Responsive Recipe page with Mobile first approach


    shubhamqx•80
    Submitted 5 months ago

    1 comment
  • Responsive Social link Profile using CSS Flex


    shubhamqx•80
    Submitted 5 months ago

    1 comment
  • Blog Preview card using CSS flexbox


    shubhamqx•80
    Submitted 5 months ago

    1 comment
View more solutions

Latest comments

  • P
    Marcello•480
    @marcello88c
    Submitted 4 months ago

    Testimonials Grid Section

    1
    shubhamqx•80
    @shubhamqx
    Posted 4 months ago

    looks good

  • Mouad•110
    @mouadbimk
    Submitted 5 months ago

    Four card feature section

    1
    shubhamqx•80
    @shubhamqx
    Posted 4 months ago

    looks good

  • PastaSus•360
    @PastaSus
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    well i copied it somewhat accurately, although i think some improvements would make this even better

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

    first column not thinner, experiment with some properties

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

    better way to do this, better code.

    Product preview card

    1
    shubhamqx•80
    @shubhamqx
    Posted 5 months ago

    looks Great

  • Nicolas Cappella•120
    @nicocappella
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I find a way to vertically align the markers of a list

    Semantic HTML, CSS, Flexbox

    2
    shubhamqx•80
    @shubhamqx
    Posted 5 months ago

    looks good

  • P
    David Ruiz•320
    @Davichobits
    Submitted 5 months ago

    Social links profile project using TAILWIND CSS

    1
    shubhamqx•80
    @shubhamqx
    Posted 5 months ago

    looks good

  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of how the blog preview card maintains its clean design and responsiveness across various screen sizes. Using CSS Flexbox allowed me to structure the layout simply yet effectively. Next time, I’d experiment with CSS Grid to see if it offers any advantages over Flexbox for card-based layouts, and I’d also try incorporating hover animations to improve interactivity.

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

    One challenge was ensuring proper spacing and alignment on smaller screens, which I fixed by adjusting margins and padding dynamically while using max-width to prevent stretching. Another issue was making hover and focus states smooth and accessible, which I addressed by using CSS transitions to improve the user experience.

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

    I’m looking for feedback on improving accessibility, particularly for screen readers. I'd also appreciate suggestions for optimizing my CSS for better maintainability and thoughts on whether CSS Grid might work better for this component than Flexbox.

    Blog Preview Card - A responsive card component using CSS Flexbox

    1
    shubhamqx•80
    @shubhamqx
    Posted 5 months ago

    typography can be improved the title should be bold

View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub