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

Nata

@kristianusdianataIndonesia170 points

Web Developer

Latest solutions

  • Newsletter Subscription UI with Carousel Slider (Responsive Design)

    #sass/scss#bem

    Nata•170
    Submitted 15 days ago

    I'd really appreciate any feedback, especially on the fluid layout part. I found it a bit challenging to wrap my head around and get it just right.


    2 comments
  • Responsive Dynamic Content Time Tracking

    #sass/scss#bem

    Nata•170
    Submitted 25 days ago

    I'm happy to hear any feedback or suggestions.


    1 comment
  • Responsive & Semantic Article Preview with Simple transition


    Nata•170
    Submitted 2 months ago

    I would like feedback on the readability of my code, as well as the clarity of my naming conventions for variables, class names, and functions. I'm aiming to write clean, well-documented code and would appreciate any suggestions for improvement.


    1 comment
  • Responsive Testimonials Grid


    Nata•170
    Submitted 2 months ago

    1 comment
  • Responsive & Semantic Four Card Page


    Nata•170
    Submitted 2 months ago

    1 comment
  • Responsive Product Preview Card


    Nata•170
    Submitted 3 months ago

    1 comment
View more solutions

Latest comments

  • P
    George•180
    @GeorgeGit1
    Submitted 27 days ago

    Tailwind Css , Responsive Design , JS

    1
    Nata•170
    @kristianusdianata
    Posted 24 days ago

    Good job!!

  • Zaeem Arshad•150
    @zaeemarshad1122
    Submitted 26 days ago
    What are you most proud of, and what would you do differently next time?

    Im proud that i did it

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

    I encountered challenging fetching the data.

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

    Any help is appreciated

    Responsive time tracking dashboard

    1
    Nata•170
    @kristianusdianata
    Posted 25 days ago

    good job!

  • 李浩•360
    @lh62863
    Submitted 26 days ago

    js aysc cooperate with await to fetch data then populate element

    2
    Nata•170
    @kristianusdianata
    Posted 25 days ago

    good job!

  • P
    Emmanuel Lopez•480
    @EmLopezDev
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I would say I most proud of the validation for the form. Although it is simple I just enjoyed working through it and getting to work well. Also going the extra few steps on adding a disabled state to the button and having the UI show the entered email on the success card.

    One thing I would do different is the card layout I could have made it reusable instead of creating two cards one for each state.

    What challenges did you encounter, and how did you overcome them?
    • getting the list aligned with the custom bullets. Just had to surf the internet for a solution. Turns out you just do it all directly on the li selector.
    • changing the focus state look of the input. I couldn't get the blue outline to go away, until I noticed you could by setting outline: none.
    What specific areas of your project would you like help with?
    • I would say mostly I would like feedback on the JS. I think I did everything well but is there something I missed or could have done better.

    Newsletter Sign Up

    #sass/scss
    1
    Nata•170
    @kristianusdianata
    Posted about 2 months ago

    First of all, congratulations on completing the challenge, the result looks quite good both visually and functionally. I really appreciate the effort and thought you put into this great work!

    Marked as helpful
  • Shreyas1008•10
    @Shreyas1008
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?
    1. i made a div inside a div which made me difficult to position to their place
    2. js part makes me think when to click and when to not click

    position relative and absolute, in js used ternary operator when click

    1
    Nata•170
    @kristianusdianata
    Posted 2 months ago

    First of all, congratulations on completing the challenge and the result doesn’t look too bad visually. However, when I looked at your code, I noticed that you're not using semantic HTML, and the responsive layout is a bit unpolished. Additionally, on small screens, I found that the back button in the share menu disappears when I move the cursor. Overall, good job and keep it up!

  • mtrejoafa•90
    @mtrejoafa
    Submitted 2 months ago

    testimonials grid

    1
    Nata•170
    @kristianusdianata
    Posted 2 months ago

    good job

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