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

Sonu Swapan Dutta

@Sonu-DuttaPune530 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

  • Recipe Page


    Sonu Swapan Dutta•530
    Submitted about 1 year ago

    0 comments
  • Fylo Frontendmentor Dark Theme Landing Page


    Sonu Swapan Dutta•530
    Submitted about 1 year ago

    0 comments
  • URL Shortening API


    Sonu Swapan Dutta•530
    Submitted about 1 year ago

    0 comments
  • News Homepage


    Sonu Swapan Dutta•530
    Submitted about 1 year ago

    1 comment
  • Intro-section-with-dropdown-navigation


    Sonu Swapan Dutta•530
    Submitted about 1 year ago

    0 comments
  • Pricing Component with Toggle

    #accessibility

    Sonu Swapan Dutta•530
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • Divya•50
    @Divya4879
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of just simply starting this project, and most particularly this platform. Although I've known about it for a really long time, I'm just starting this now. As for this particular component, I'm proud of making it, within my estimated time range.

    As for the next time onwards, I'll draw a rough wireframe of the component/site before its coding. Coz this time, I had a little rough start coz of not doing it.

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

    As it was the 1st challenge, this one wasn't hard per say. But as I mentioned earlier, I had a little rough start coz of not making the rough wireframe before going on with the code part.

    I overcame this challenge by screenshooting the desktop version design and then using it for reference, multiple times.

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

    I would appreciate reviews and feedback on my code, like the better/shorter/more efficient method for the functionality, and regarding the responsive part of my design as well.

    A responsive QR code component

    2
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted about 1 year ago

    Hey! Good solution, I would like to suggest you to use display: flex property. You can get more information on this from -> https://www.w3schools.com/css/css3_flexbox_container.asp

  • Joshua Uri•40
    @Josh1407
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Most proud of being able to follow some specifications from the study guide

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

    Issues with basically adjusting everything to where it's supposed to be in the Div but mostly adjusted with Margins and paddings

    Responsive QR-code Components

    2
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted about 1 year ago

    Congratulations on completing the solution! It looks great! One thing I would like to highlight: To ensure the justify-content: center property works correctly, use the display: flex property. For more information, you can refer to the [https://www.w3schools.com/css/css3_flexbox_container.asp].

    Marked as helpful
  • Pavan.s•60
    @pavans5097
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Improving day by day

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

    There were no such challenges in making this layout.

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

    Need suggestion for improving code.

    Responsive order summary layout

    1
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted about 1 year ago

    Hey! Congrats 🎉 on completing the challenge!

    I would like to suggest you:

    1. Instead of using px try to use relative units of measurement (em, rem)

    2. Add box-shadow to the container

    Overall you did well!

  • Sam12-web•10
    @Sam12-web
    Submitted about 1 year ago

    QRCode

    1
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted about 1 year ago

    You have done a great job.. But try to use rem or em instead of px

    Marked as helpful
  • vikash6969•10
    @vikash6969
    Submitted about 1 year ago

    Recipe Page

    1
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted about 1 year ago

    Hi Vikas, Overall you did well!

    1. Switch to Flexbox that will make your layout more flexible and responsive, especially for aligning and spacing sections like .time, .ingredients, .instruction, and .nutrition.
    2. Use relative units like rem and em instead of pixels.
    Marked as helpful
  • Cherchour islam•90
    @cherchourIslam
    Submitted over 3 years ago

    clipboard-landing-page-master

    3
    Sonu Swapan Dutta•530
    @Sonu-Dutta
    Posted over 3 years ago

    Yes alt is correct , can't figure out , what's the problem!

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