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

Suman Das

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

  • Product preview card using css grid


    Suman Das•110
    Submitted 6 months ago

    1 comment
  • Responsive Recipe page


    Suman Das•110
    Submitted 7 months ago

    1 comment
  • Responsive Social Links Profile


    Suman Das•110
    Submitted 7 months ago

    1 comment
  • Blog Preview Card - Flexbox


    Suman Das•110
    Submitted 8 months ago

    On mobile when I rotate screen to landscape, the website is not exactly what I want. Kindly help me solve this problem.


    1 comment
  • QR code component using flexbox


    Suman Das•110
    Submitted 9 months ago

    In mobile when I turn screen to landscape mode, footer gets in the middle. Please help me getting it at the bottom of the page.


    1 comment

Latest comments

  • kingomer02•30
    @kingomer02
    Submitted 6 months ago

    Responsive Design Product Preview Card Using CSS

    1
    Suman Das•110
    @webdevsuman
    Posted 6 months ago

    Button font weight should be more. 900 should be alright.

  • Dhiman Chandra•50
    @Dhiman-Chandra-Ray
    Submitted 6 months ago

    Product review card

    #tailwind-css
    1
    Suman Das•110
    @webdevsuman
    Posted 6 months ago

    Colours don't match and the line-through colour should be same as paragraph. Size don't match. This requires more effort.

  • Adam•340
    @nadam-design
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I tried mx best to structure the page that follows the design as close as possible. The devil is in the details. I used tags, not sure if it's correct here.

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

    The most challenging part was ensuring that the image is 100% wide on mobile, while it has padding around on tablet and desktop. I might have overthought it a bit, so I ended up choosing what I believe is the simplest solution: I applied the padding to the two child elements of the recipe element. Could there be a simpler or better solution?

    Responsive recipe page

    1
    Suman Das•110
    @webdevsuman
    Posted 7 months ago

    You seem to complicate the work. The simplest solution is to give the image-div some negative margin.

    Marked as helpful
  • jenishkubavat•50
    @Jenishkubavat
    Submitted 7 months ago

    Social links profile

    1
    Suman Das•110
    @webdevsuman
    Posted 7 months ago

    Good. The size of the component should be a little bigger. Buttons border colour is not looking nice. The quote should have a light color opposite to the dark background. The alignments are very good.

  • Guillaume Pagès•50
    @guillaume-pages
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Nothing to say

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

    Nothing to say

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

    Nothing to say

    Blog-preview-card in HTML and CSS

    1
    Suman Das•110
    @webdevsuman
    Posted 7 months ago

    Looks good. But the avatar image link is not working it seems. Try with "./assets/images/image-avatar.webp".

    For responsive view in Mobile device even in landscape, Add media query and set the main section height to auto. 100vh is good for large screens but crops the design in mobile device when landscaped. Also, it is a good practice to use external css file for "separation of concern".

    Marked as helpful
  • khal45•60
    @khal45
    Submitted 9 months ago

    Responsive Qr-Code Component

    1
    Suman Das•110
    @webdevsuman
    Posted 9 months ago

    Try to make it responsive below 1025px.

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