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

Jatin kumar

@jatin1234kumarHome NO. 1471, Jeevan Nagar Part-I, Ballabgarh, Faridabad50 points

I'm a frontend developer by passion and a college student by profession. If you are intrested in my work plese support me by sharing my profile to Devlopers.

Latest solutions

  • Responsive product view page.

    #airtable#angular-material#anime-js#astro#bem

    Jatin kumar•50
    Submitted about 1 month ago

    I didn't need any help in any specific area.


    1 comment
  • Responsive product view page.

    #airtable#angular-material#anime-js#axios#bem

    Jatin kumar•50
    Submitted about 1 month ago

    I didn't need help in any specific area.


    1 comment
  • Responsive recipe page.

    #accessibility#anime-js#astro#backbone#bem

    Jatin kumar•50
    Submitted about 2 months ago

    I want feedbacks on my code.


    1 comment
  • It is responsive recipe page project.


    Jatin kumar•50
    Submitted about 2 months ago

    I don't need help in making this project.


    0 comments
  • Responsive card using Css only.

    #animation#bem#cube-css#fresh#post-css

    Jatin kumar•50
    Submitted 2 months ago

    I want help with the specific css values.


    1 comment
  • Made the page responsive using simple html and css.

    #bem#fresh#less#material-ui#pure-css

    Jatin kumar•50
    Submitted 2 months ago

    I didn't need any help regarind the completion of this project.


    1 comment
View more solutions

Latest comments

  • Danilo Alves 🎧•625
    @mizek1
    Submitted almost 3 years ago

    Product preview card component

    #less#bem
    1
    Jatin kumar•50
    @jatin1234kumar
    Posted about 1 month ago

    I really enjoyed making this page.

  • Jorge Rosales•50
    @Junkdog-04
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of having respected the semantic structure of the HTML and sticking closely to the original design, including colors, spacing, and typography. I also made sure to use proper font files and responsive layout techniques.

    If I were to do it again, I’d spend more time polishing the mobile layout first instead of starting with the desktop version. That way I’d catch spacing issues earlier and avoid reworking breakpoints.

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

    One of the main challenges was matching the visual spacing and font details exactly as shown in the design. It took some trial and error to get the border-radius, font sizes, and weights just right — especially considering rem units and font fallback behavior.

    Also, I accidentally placed the footer beside the content instead of below it, due to using display: flex on the body. Once I changed the layout flow to stack vertically and moved the footer outside the centered container, it worked perfectly.

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

    I’d love feedback on:

    • Accessibility best practices (especially around figure/figcaption and screen-reader-only content).

    • Improving the responsiveness of the layout, particularly on very small or large screens.

    • Any small CSS refinements or refactors to make the code cleaner or more scalable.

    Recipt page

    #accessibility
    2
    Jatin kumar•50
    @jatin1234kumar
    Posted about 2 months ago

    That was an awesome challenge and I need more challenges like these.

  • davienjo•70
    @davienjo
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of doing this project without researching on the web

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

    I experienced challenges when it came to typos, and when applying google fonts, but after paying attention to detail, I was able to run my code.

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

    Should I use buttons like I've done in the social media section

    I used flex box, padding, variables and margin

    #cube-css#itcss
    1
    Jatin kumar•50
    @jatin1234kumar
    Posted 2 months ago

    I really enjoyed making this prfile card.

  • Aaron Liew•50
    @AaronLiew77
    Submitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    Font size optimization

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

    Code standards

    Fe-mentor-blog-preview

    #material-ui
    1
    Jatin kumar•50
    @jatin1234kumar
    Posted 2 months ago

    I loved making this project

  • Raitis•190
    @RaitisVilums
    Submitted over 3 years ago

    QR code component

    #pure-css
    1
    Jatin kumar•50
    @jatin1234kumar
    Posted 2 months ago

    I learnt a new ways to write code and worded with figma like tool that made my coding project easy are reliable and I enjoyed my project making.

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