All solutions

Hey there Frontend Mentor Community!

I just finished another solution and as I said in my previous solution I had struggles with CSS. But in this solution I did not have issues with writing clean and decent CSS.

The only gripe I had with this solution was the Javascript since I used button elements where I wrote a very short length of about 17 lines of code.

Feel free to give any feedback or criticisms you have about the code.

Happy Coding!

Hey there Frontend Community!

I finished another solution today but I'm not truly proud of it yet since it was a struggle to get the CSS to look like the design.

I mainly struggled with getting the cards positions to change according to the size of the screen which created layout issues in the solution.

After a while of brute forcing and adding margin values here and there i managed to make it look okay on screens but I'm not truly proud of that part. I did lookup things but almost none of the resources helped with my situation.

I believe I'm going through the tutorial hell phase since I really couldn't understand what went wrong so I plan on going for simpler projects and try improve my CSS fundamentals and come back to this project.

Any resources that might help are appreciated which also includes Feedback!

Hey there Frontend Mentor Community!

Back with a solution for the notifications page!

During this solution I did come across some minor problems in designing with CSS where I would like your feedback on the following if possible:

• Is there a way to center Nathan Peterson's profile picture with the notification content and the time posted without adjusting the CSS of that one specific notification?
• How would you design the text showing the number of unread notifications so it looks as close to the design as possible?

P.S I am open to any other feedback you guys have to give.

Happy Coding!

Hey there people!

I'm back with another solution which I'm very happy and proud of.

Feel free to give some feedback about anything in the code I can improve further and best practices as well.

Hey there Frontend Mentor Community!

In this project I have used vanilla HTML, CSS and JavaScript.

Feel free to judge/give feedback on my attempt on this solution!

Feedback about the mobile design would be greatly appreciated!

It was frustrating writing the JavaScript for detecting and showing the error messages on the input fields and I ended up writing a bunch of if statements. Also this is the first time I used CSS grid in a serious way. Feel free to comment on how I can improve my Grid skills!

Feedback on how I can clean up the code and on anything else would be very much appreciated.

I am not sure if there is a cleaner way to add the CSS rules dynamically along with the HTML for scores in the summary div using JS. If there is, I would appreciate it a lot if you can point me to a good resource.

I struggled with using flexbox to make the design and the layout look the same as the design and making it responsive so it looks decent on various screen sizes. Any advice on how to do this better would be appreciated a lot! Other tips are also welcome.

I am not sure if there is a cleaner way to write the Javascript. Feedback would be very appreciated!

It's the first time I primarily used em and rem units in my CSS. Feedback would be appreciated a lot!