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

Max Kravchenko

@kravamaxUkraine, Kryvyi Rih210 points

#opentowork

Latest solutions

  • Pass generator app Using React/SCSS/Vite

    #react#vite#sass/scss

    P
    Max Kravchenko•210
    Submitted 16 days ago

    1 comment
  • Responsive Tip Calculator App JS

    #sass/scss

    P
    Max Kravchenko•210
    Submitted 25 days ago

    1 comment
  • Responsive Time tracking dashboard - SCSS, JS, json data


    P
    Max Kravchenko•210
    Submitted about 1 month ago

    1 comment
  • Responsive newsletter component using SCSS, JS

    #sass/scss

    P
    Max Kravchenko•210
    Submitted about 1 month ago

    1 comment
  • Responsive Artcle preview component SCSS/JS

    #sass/scss

    P
    Max Kravchenko•210
    Submitted about 1 month ago

    1 comment
  • Responsive Group chat landing page using SASS Grid


    P
    Max Kravchenko•210
    Submitted about 1 month ago

    1 comment
View more solutions

Latest comments

  • P
    CoderAlchemy24•420
    @CoderAlchemy24
    Submitted about 2 months ago

    Password-Generator-App HTML-CSS-JS

    #sass/scss
    1
    P
    Max Kravchenko•210
    @kravamax
    Posted 16 days ago

    Hi! Good job, just make the design a little closer to the original. Interesting Password Strength setting, Too weak can be seen if I select only symbols, otherwise I get Weak, I thought it was a good idea! Good luck!

  • nerdynischal•190
    @nerdynischal
    Submitted 25 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the fact that I tried using BEM technique for this project which was a bit confusing at first but hopefully will get better with time and practice. I think there might be too much nesting of divs this time, so perhaps thats something that could be better.

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

    I feel that the validation part, in specific, trying to display error messages could be done more effectively but for this project, I just used a function to toggle a message in the DOM.

    Responsive tip calculator using HTML,CSS & JS

    #sass/scss
    1
    P
    Max Kravchenko•210
    @kravamax
    Posted 25 days ago

    Good work! For a final you could add more validation. Good Luck!

  • P
    jfp99•330
    @jfp99
    Submitted about 1 month ago

    time-tracking-dashboard HTML/SASS/JS

    1
    P
    Max Kravchenko•210
    @kravamax
    Posted about 1 month ago

    good work, I hope you can find solution for fix card laybels and add media query for tablet. Good luck

  • nerdynischal•190
    @nerdynischal
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I am quite proud of adding the additional tablet screen design in addition to the mobile and desktop versions. Although, the organisation of the scss/css files were not the most optimal so that would be something to improve next time, i.e. plan out from the start.

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

    There were two particular areas which I sort of had to think around the box.

    1. The success message - Since no server, had to use the local storage as means to update the email address in the success message.

    2. The different hero images could be perhaps better implemented. I just included all of them in the html and hid each one respectively per the device width.

    Newsletter sign-up form with success message

    #sass/scss
    1
    P
    Max Kravchenko•210
    @kravamax
    Posted about 1 month ago

    Nice work! I could recommended add style to button and input border after Tab, also add breakpoint for tablets. Good luck!

  • Chrystiana Penalber•120
    @chryspenalber
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how I implemented a contextual share button that behaves differently on desktop and mobile screens. It was rewarding to create a clean, responsive layout that adapts well across devices.

    If I were to approach the project again, I would improve the share tooltip by adding smooth animations for opening and closing transitions.

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

    Ensuring font sizes and layout elements remained fluid. I used clamp() and flexible layout units to enhance responsiveness without relying heavily on multiple breakpoints.

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

    I’d appreciate guidance on handling component state and interactivity in vanilla JavaScript, particularly for adapting elements like the share button across different screen sizes in a scalable, accessible, and maintainable way, without duplicating code.

    Responsive Article Preview Component using HTML, SCSS, and JavaScript

    #sass/scss
    1
    P
    Max Kravchenko•210
    @kravamax
    Posted about 1 month ago

    Good job. I hope you can find a solution for the toast component on mobile. I would recommend you not to nest CSS selectors more than two. Good luck!

  • P
    Anton Ryabov•240
    @antryabov
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Made a container for content using grids where I named lines and aligned content, then noticed that there were some small problems with overflow and decided to postpone this matter for a little later. For now I used the good old container.

    Meet landing page

    1
    P
    Max Kravchenko•210
    @kravamax
    Posted about 1 month ago

    Good job! I could only recommend checking the hero images at high resolution, parts of the images are stuck to the edges

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