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

muditjain1411

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

  • sign in page


    muditjain1411•120
    Submitted about 2 months ago

    1 comment
  • article preview card


    muditjain1411•120
    Submitted about 2 months ago

    1 comment
  • css grid


    muditjain1411•120
    Submitted about 2 months ago

    i tried using grid areas but was not able to understand it clearly


    1 comment
  • four card layout


    muditjain1411•120
    Submitted about 2 months ago

    1 comment
  • Responsive Product Card


    muditjain1411•120
    Submitted about 2 months ago

    1 comment
  • responsive product card


    muditjain1411•120
    Submitted about 2 months ago

    0 comments
View more solutions

Latest comments

  • Abimbola•200
    @Abimzz
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy that i was able to finish the project and i would love to do it in a shorter time next time.

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

    i had issues with the following:

    • with postioning the li::marker
    • the success msg layout on mobile
    • the js for the email validation
    • with debugging JavaScript

    and i solve all of them with many tutorial videos.

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

    Any suggestions on efficiency or to streamline my code would be appreciated.

    newsletter sign up with success message main

    2
    muditjain1411•120
    @muditjain1411
    Posted about 1 month ago

    nice

  • 6alactico•470
    @6alactico
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of implementing JavaScript to make the card interactive. Instead of trying to control all behavior through JavaScript, next time, I will let CSS control the styling using CSS modifier classes and toggle them with the classList property in JavaScript.

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

    The challenges I encountered were making the share button interactive, toggling between the profile and share panels on mobile devices, and creating a functional popover on desktop devices. Initially, it was overwhelming due to my little experience with JavaScript. However, I overcame these challenges by researching JavaScript methods and experimenting with different approaches, which helped me understand DOM manipulation and event handling.

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

    Any feedback is welcome, but I would especially appreciate input on how I used JavaScript to manage the interactions.

    Article Preview Component

    1
    muditjain1411•120
    @muditjain1411
    Posted about 2 months ago

    js can be more shortened

  • 李浩•360
    @lh62863
    Submitted about 2 months ago

    grid auto create dense display

    1
    muditjain1411•120
    @muditjain1411
    Posted about 2 months ago

    i tried using grid areas but was not able to understand it clearly

  • allison•40
    @an026
    Submitted about 2 months ago

    Four Cards

    1
    muditjain1411•120
    @muditjain1411
    Posted about 2 months ago

    i made it using css grid but after looking at your code its excellent. nice use of flexbox

  • cat-script•250
    @cat-script
    Submitted about 2 months ago

    Product preview card component solution

    1
    muditjain1411•120
    @muditjain1411
    Posted about 2 months ago

    👌

  • 6alactico•470
    @6alactico
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of understanding how to create the social media links.

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

    One minor challenge I encountered was deciding between a <button> or an <a> element for the social media links. I realized that <a> would be more semantically correct for navigating external links.

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

    All feedback is welcome.

    Social Links Profile

    1
    muditjain1411•120
    @muditjain1411
    Posted about 2 months ago

    Nice

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