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

Maria Sidorova

@SidorovaMariaUnited Kingdom770 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

  • Mood Tracker Tried back-end

    #react

    P
    Maria Sidorova•770
    Submitted about 2 months ago

    0 comments
  • Notes with ReactJS in LocalStorage

    #motion#react#tailwind-css

    P
    Maria Sidorova•770
    Submitted about 2 months ago

    0 comments
  • Kanban with Vite React


    P
    Maria Sidorova•770
    Submitted 2 months ago

    0 comments
  • Memory Game React, Redux, Motion, Tailwind

    #react#redux#tailwind-css#motion

    P
    Maria Sidorova•770
    Submitted 3 months ago

    0 comments
  • Multi Step Form React Formik


    P
    Maria Sidorova•770
    Submitted 3 months ago

    1 comment
  • Designo with react

    #motion#react#react-router#tailwind-css

    P
    Maria Sidorova•770
    Submitted 3 months ago

    0 comments
View more solutions

Latest comments

  • Mikhil Desai•600
    @mike15395
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that i completed the challenge in minimum time as decided before starting.

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

    Nothing challenging as i have tackled much complex challenges before.

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

    Nothing as such, but any improvements are highly appreciated!

    responsive-interactive-rating-component

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    The only main noticeable thing with the design, is that there is no implication go radial-gradient on the review-component. Code looks good, though I would use smth else in terms of accessibility for the rating buttons.

  • Fehmidatanzeel•570
    @Fehmidatanzeel
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of successfully creating a functional and visually appealing chart component. Next time, I would optimize performance for large datasets and improve responsiveness.

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

    I faced performance issues with large data and responsiveness problems on different screen sizes. I solved them using data aggregation, lazy loading, and CSS optimizations.

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

    I am proud of successfully creating a functional and visually appealing chart component. Next time, I would optimize performance for large datasets and improve responsiveness.

    chart component

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    Does the layout look good on a range of screen sizes? I want to say, yes it does! However it is not the way the task was asked to be build! Though I love the design! Structure of the code is great, easy to follow no unnecessary files.

  • P
    Y39WebDeveloper•580
    @Y39WebDeveloper
    Submitted 4 months ago

    Body Mass Index calculator

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    Does the solution include semantic HTML? Yeah, definitely! It looks great, tags are appropriate! Is it accessible, and what improvements could be made? Unfortunately io was not able to select imperial option!

  • P
    Theo Harris•360
    @Theosaurus-Rex
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Overall, happy I'm getting the hang of the BEM naming conventions. I also pulled my CSS reset into a separate file this time, which I probably should have done on previous projects as well.

    I'm not thrilled with how I've organised containers for styling purposes in this project. Things look sort of okay, but I think working mobile-first screwed me a bit when I got to the desktop design. I think I'm going to stop plowing through the learning paths and try out some more level 1 and 2 designs before moving forward.

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

    I was at a bit of a loss as to how to apply a blue overlay to the footer image, but ended up using the background-gradient property, which stopped me from needing to mess with a div laid over the top to achieve the effect needed.

    Meet Landing Page

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    Well done, on implementing all the features. Good use of the rest css.

  • Marvin•80
    @elMarMar
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was almost entirely aware of all the layout techniques I needed to be aware of before starting this project. It's like everything clicked.

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

    My biggest challenge was making all the texts line up with the bottom of their containing divs. Honestly, I didn't completely solve this issue, but I don't think the final result looks terrible.

    Testimonial Grid Solution

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    Looks great! Well done, unfortunately u did not implement tablet version for the website! Would useful to practice!

  • P
    Antônio Alves Cataldo•200
    @TonyzCataldo
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud to have worked with CSS Grid, because until then I had never used it. I used it a little strangely but I'm happy with my progress.

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

    hmm.... IDK

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

    Everything.

    Four Card Feature Section using CSS Grid and Flex-box

    1
    P
    Maria Sidorova•770
    @SidorovaMaria
    Posted 4 months ago

    the design overall seems great, hoverer you did not implement tablet version, the grid system is different compared to the desktop.

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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