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

J4NBI

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

  • nesletter_signup

    #tailwind-css

    J4NBI•250
    Submitted 11 months ago

    1 comment
  • article-preview-component-master


    J4NBI•250
    Submitted 11 months ago

    1 comment
  • Huddle landing page with a single introductory section

    #tailwind-css

    J4NBI•250
    Submitted about 1 year ago

    0 comments
  • single price grid component

    #tailwind-css

    J4NBI•250
    Submitted about 1 year ago

    0 comments
  • 3-column-preview-card-component

    #tailwind-css

    J4NBI•250
    Submitted about 1 year ago

    0 comments
  • stats_previe_card

    #tailwind-css

    J4NBI•250
    Submitted about 1 year ago

    0 comments
View more solutions

Latest comments

  • Zsolt Varjú•490
    @zsoltvarju
    Submitted about 2 years ago

    🚀 Time tracking dashboard 🚀

    1
    J4NBI•250
    @J4NBI
    Posted 11 months ago

    I really liked your mouse events! Do you have good tutorials for my, that would be very kind. Best regards Jan

  • Javier Duarte•210
    @javiIT10
    Submitted 12 months ago

    Newsletter sign up with success message main using tailwind

    #tailwind-css
    1
    J4NBI•250
    @J4NBI
    Posted 11 months ago

    Well done! I also used Tailwind :)

  • P
    Purnama S Rahayu•250
    @catreedle
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of finishing this project. The share section is tricky because mobile and desktop versions are different, so I am most proud of tackling that. I suggest next time I spend more time analyzing and planning to solve the problem instead of jumping into it headfirst.

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

    toggling the share button, I tried a few different approaches.

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

    anything. code review would be appreciated. is it readable and easy to understand? do you think my code is overkill? how to write better CSS class names?

    Article Preview Component (HTML, CSS, JS)

    1
    J4NBI•250
    @J4NBI
    Posted 11 months ago

    I liked the slide in animation and your code was easy to read. Well done :)

  • Paul Olynek•330
    @ePaulo
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    My plan was to add code in stages... 1) html-only, 2) general css, 3) mobile css, 4) tablet css, and 5) desktop css... helped reduce the "ripple effect" of making code changes that might adversely affect previous work.
    In hindsight, it might have helped to considered (early rather than later) the need for inner "containers" to group some related UI design blocks.
    Note that I did make a few subtle changes to the design, such as changing the font color for the button hover effect.

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

    Find specific css code within "Mobile Design", "Tablet Design" and "Desktop Design" became more time consuming as the number of css lines increased... so I added comments to both html and css files to clearly indicate what the sections were for each of the mobile, tablet and desktop css styling.

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

    The one thing I could not figure out what how to control (remove?) the opacity on the second divider (that partially covered the last section) and, similarly, how to control the opacity of the button in the last section.

    Responsive Meet Landing Page

    1
    J4NBI•250
    @J4NBI
    Posted about 1 year ago

    Well done :) responsively good!

  • Sadiki Benda•220
    @Sadikibenda
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    first project working with css grid

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

    place the card in specific position

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

    working with quotes, I didnt finish that part.

    any feedback is appreciated

    Testimonial grid section main

    2
    J4NBI•250
    @J4NBI
    Posted about 1 year ago

    Nice! Well done :)

    Marked as helpful
  • Lucas Barros•350
    @BarrosLucasJavier
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Nothing to comment on at the moment

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

    Nothing to comment on at the moment

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

    Nothing to comment on at the moment

    Responsive Four Card Feature Section Master

    2
    J4NBI•250
    @J4NBI
    Posted about 1 year ago

    Nice. I like how you use grid!

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