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

All comments

  • Abimbola•200
    @Abimzz
    Submitted 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 2 months ago

    nice

  • 6alactico•470
    @6alactico
    Submitted 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 2 months ago

    js can be more shortened

  • 李浩•360
    @lh62863
    Submitted 3 months ago

    grid auto create dense display

    1
    muditjain1411•120
    @muditjain1411
    Posted 3 months ago

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

  • allison•40
    @an026
    Submitted 3 months ago

    Four Cards

    1
    muditjain1411•120
    @muditjain1411
    Posted 3 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 3 months ago

    Product preview card component solution

    1
    muditjain1411•120
    @muditjain1411
    Posted 3 months ago

    👌

  • 6alactico•470
    @6alactico
    Submitted 3 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 3 months ago

    Nice

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

    I am proud that this is my 2nd project, which is at least a little more difficult than the first one.

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

    the main div didn't want to be centered, I overcame this with the help of indents

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

    need help to make div in the middle of the screen preferably without padding (if possible)

    blog-preview

    1
    muditjain1411•120
    @muditjain1411
    Posted 3 months ago

    firstly make the parent container of the card flex and then set align items to center and justify content to center

    Marked as helpful
  • eneskrlos•40
    @eneskrlos
    Submitted 3 months ago

    Card Responsive

    1
    muditjain1411•120
    @muditjain1411
    Posted 3 months ago

    .

  • Evgenii Vovk•20
    @rntainvaider
    Submitted 3 months ago

    адаптивная страница с использованием flex

    2
    muditjain1411•120
    @muditjain1411
    Posted 3 months ago

    Got to Know various CSS properties

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