Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
58
Comments
34
Korney Chervonenko
@KorneyChervonenko

All comments

  • Mahmoud Tarek•670
    @mahmoudAcm
    Submitted almost 2 years ago

    Responsive Multi Step Form

    #tailwind-css#typescript#vite#vue#accessibility
    3
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted 5 months ago

    I think you shouldn’t use "display: none" to hide titles in menu in mobile layout. It’s worth to read: https://stackoverflow.com/questions/62107074/how-to-hide-a-text-and-make-it-accessible-by-screen-reader/62109988

    Marked as helpful
  • Andrii Petrov•80
    @webdev1264
    Submitted over 2 years ago

    Responsive multi step form.

    #react
    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted 5 months ago

    I think you shouldn’t use "display: none" to hide titles in menu when @media (max-width: 768px). It’s worth to read: https://stackoverflow.com/questions/62107074/how-to-hide-a-text-and-make-it-accessible-by-screen-reader/62109988

  • Adarsh•1,640
    @adram3l3ch
    Submitted over 2 years ago

    Multi Step Form

    #accessibility#sass/scss#typescript#vite
    3
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted 5 months ago

    I think you shouldn’t use "display: none" to hide <div class="title">…</div> in menu when @media (max-width: 800px). It’s worth to read: https://stackoverflow.com/questions/62107074/how-to-hide-a-text-and-make-it-accessible-by-screen-reader/62109988

  • CasperTheChild•420
    @CasperTheChild
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    yes

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

    no

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

    Is my accessibility correct?

    FAQ supported by accessbility

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted 6 months ago

    Hello friend. This challenge can be solved without JS. Look at HTML DETAILS if you are interested. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

    Marked as helpful
  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted about 3 years ago

    REST Countries API with color theme switcher

    #react
    14
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted 7 months ago

    HI! Your solution looks nice though there are a couple of things you can improve:

    1. Region selector provides only 5 options despite the fact that there are 8 of them in the country database
    2. Clicking on India in boundary countries for some reason derives information about the British Indian Ocean Territory instead of India.
    3. Clicking on the Back button just jumps to the homepage instead of returning to the previously viewed country.
  • P
    Marjolein•230
    @Marjolein-Kasman-de-Jong
    Submitted about 1 year ago

    Advice Generator App | HTML, CSS, JavaScript

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, instead of .addEventListener('click', () => {displayAdvice();}) why don't just do .addEventListener('click', displayAdvice) ?

  • Stypian•480
    @Stypian
    Submitted about 1 year ago

    Notifications page main

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend,

    1. It seems to me that you have added event listener to every unread notification but what if you have hundreds or thousands of those? Your JS would be inefficient. It’s better to add only one event listener to some container of notification elements and after click event just find out which notification was clicked exactly
    2. I think when user clicks on the unread notification remove mark must be removed and counter decreases by one. Am I wrong?
  • Ecem Gokdogan•9,380
    @ecemgo
    Submitted about 1 year ago

    Notifications Page (only HTML + CSS + JS)

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, I think when user clicks on the unread notification remove mark must be removed and counter decreases by one. Am I wrong?

  • oualid bennahia•360
    @bennahiaoualid
    Submitted about 1 year ago

    Notifications Page Solution

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, It seems to me that

    1. you have added event listener to every unread notification but what if you have hundreds or thousands of those? Your JS would be inefficient. It’s better to add only one event listener to some container of notification elements in your case "ul" and after click event just find out which notification was clicked exactly
    2. unread notifications counter doesn't work
  • Ali Reza•470
    @AliRezaCoding
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm happy to done this challenge, next time I'll try to have a better performance. If you have any feedback please do not hesitate to share with me 😀.

    Notification page with HTML CSS & JS

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, It seems to me that you have added event listener to every unread notification but what if you have hundreds or thousands of those? Your JS would be inefficient. It’s better to add only one event listener to some container of notification elements and after click event just find out which notification was clicked exactly

    Marked as helpful
  • Bigyan Dulal•430
    @bigyandulal2
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    It was simple . But was quite stuck, i will use percentage units next time when i will move from desktop to smaller devices.

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

    The challenge was how to make chess image of a girl there and i did that using position absolute and it's parent to position relative.

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

    Feel free to give your suggestion and feedback, i am always down and open to learning new ways of doing the same project.

    This is the responsive notification done using css preprocessor scss

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, It seems to me that you have added event listener to every unread notification but what if you have hundreds or thousands of those? Your JS would be inefficient. It’s better to add only one event listener to some container of notification elements and after click event just find out which notification was clicked exactly

  • I'mVeryZyla•500
    @RaulTindogan
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    This is my first time using chart-js

    Expense Chart Component (Chart-js + Tailwindcss)

    #tailwind-css#chart-js
    2
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, There is a requirement in readme: “current day's bar highlighted in a different colour to the other bars”. How do you think “current day” is a some random day of week or it must be changed dynamically when page is loaded in browser? In other words “current day” is today ?

  • Yash Babani•1,300
    @Yashbabani0
    Submitted about 1 year ago
    What specific areas of your project would you like help with?

    any suggestions for improvement are welcome

    Expenses Chart Component

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, There is a requirement in readme: “current day's bar highlighted in a different colour to the other bars”. How do you think “current day” is a some random day of week or it must be changed dynamically when page is loaded in browser? In other words “current day” is today ?

    Marked as helpful
  • Michael Johnson•950
    @mikej321
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the design and that I got to learn a new library (recharts).

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

    I struggled with getting the tooltip to look like it did in the design but I was able to style it by making a custom tooltip via a function. I also struggled and failed when it came to getting the tooltip to statically stay in place above each bar.

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

    I wasn't able to get the tooltip to display over each individual bar properly and if anyone knows how to do it, I'd love to read your explanation and tips! Other than that, if anyone spots any errors that I made while using Recharts, i'd love a more experienced developer to guide me in the right direction.

    Thanks everyone!

    Expenses Chart Component w/ React & Vanilla CSS

    #react
    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, There is a requirement in readme: “current day's bar highlighted in a different colour to the other bars”. How do you think “current day” is a some random day of week or it must be changed dynamically when page is loaded in browser? In other words “current day” is today ?

  • Eyad Muhammad•670
    @Ed-Mo1
    Submitted about 1 year ago

    expenses-chart-component using React and tailwind

    #react#tailwind-css
    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted about 1 year ago

    Hello friend, There is a requirement in readme: “current day's bar highlighted in a different colour to the other bars”. How do you think “current day” is a some random day of week or it must be changed dynamically when page is loaded in browser? In other words “current day” is today ?

  • Ebrahim Ali•40
    @EbrahimAli-1
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my efforts in this project and I'm happy that I could finish it and that I have learned a lot during this journey.

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

    I faced not little challenges in this project especially in Java Script logic and lots of possibilities the user can input. I searched and tried to figure the problem and how to arrange the code logically

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

    I will appreciate if you try it and give me your feedback. And if you find any problems I will be happy to get notified of it. Thanks a lot.💗

    Age Calculator using Html, Css & Js

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted over 1 year ago

    Hello friend. Does your input validation take into account difference between leap and regular year?

  • P
    GregFJr•150
    @GregFJr
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Effectively implementing javascript for the error handling

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

    Mobile view to match the provided design

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

    responsiveness

    Responsive Design using Flexbox and Javascript

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted over 1 year ago

    Hello friend. You have forgotten about customizing list marks ✓.

  • FabianoTerdenge•80
    @FabianoTerdenge
    Submitted over 1 year ago
    What specific areas of your project would you like help with?

    The animation part of opening answer parts. The animation from display none to block or height did not work out for me. Can someone submit a solution?

    FAQ Accordion | HTML | CSS | JS

    1
    Korney Chervonenko•1,080
    @KorneyChervonenko
    Posted over 1 year ago

    Hello friend. This challenge can be solved without JS. Look at HTML DETAILS if you interested. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

    Marked as helpful
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

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