All solutions

I divide the notification section into types of notifications (react to post, followed, private message, ...).

All the notifications are sorted by time property in Data.jsx. The time from posting is calculated and transformed relatively because I ignore some differences of days in month, leap years. It might be wrong in a long amount of time but with a short one, I think it's fine. If you know any more efficient ways, please help me with that.

I also have problem with grid. Some lines in CSS, display: grid, grid-template-columns, grid-column, grid-row, have warning "is not supported by Safari < 10.1". I don't know how to solve this problem.

Any suggestions about other things are appreciated. Thank you!

First time doing advanced challenge. Not sure if my logic is good.

Any suggestions, comments or better ideas are appreciated. Thank you!

I'm not sure if my logic of sorting is correct. Any suggestions or comments are appreciated. Thank you!

Any suggestions or comments are appreciated. Thank you!

This is my first time using React for my project which is a bit difficult for me. I have some problems with inputs' values and tried to fix them. Any suggestions or comments are appreciated. Thank you!

This is the first time I use React in my solution. Any suggestion about how I organize things or others are appreciate. Thank you.

This challenge is hard at creating the slider in testimonial section. I have a problem that when changing desktop size to mobile size, the slider is still draggable. Therefore, I have to create 2 ul and use each one for mobile size and desktop size.

Any solution for this problem or other things are appreciate. Thanks you.

This challenge JS is not too much but it's quite hard because this is the first time I have the problem about sorting things.

Any feedback about how to do it better are appreciated. Thank you.

This is the hardest challenge I have ever done on Frontend Mentor. I had to work with JS a lot.

Any suggestions are appreciated. Thank you.

Hello everyone, this challenge is not too hard but I have some problems with the curved background image. I create a space by using padding and add background images into it using

background-size: contain

but when I change the screen width, the background images aren't fit the initial paddings.

Sorry for my bad description. Any suggestion are appreciated. Thank you.

Hello everyone, I use some scripts from the Internet to solve this challenge. Any suggestions are appreciated. Thank you!

Hello everyone, this challenge is kind of strange for me due to the slider. I haven't thought about it before. I tried to do it but there were too much calculation in my solution. And I also use pointer-event: none to access the input's slider but after that I can't add hover. I want to ask that is there any better way to do it. Any suggestions are welcome. Thank you!

Hello everyone, I want to try my new organization of SCSS files. Are they fine? And anything I can do to improve my solution? Any suggestions are welcome. Thank you!