All solutions

Great challenge.

I struggled in the end when I was trying to integrate the mobile version, the scrollbar disappeared, no idea why if anyone got any solution to this problem feel free.

All feedback is greatly appreciated! ♥️

** Hi there 👋, I’m Becha and this is my solution for this challenge. ** 🚀

It's been a long time since i've worked on something, i am trying to get back at my level

Built With:

HTML

** Any suggestions on how I can improve and reduce unnecessary code are appreciated! **

Thank you. 😊✌️

Would implement the mobile version later,

Nothing too complicated, flex and grids did the job.

Any Feedback Is Greatly Appreciated!

** Hello, Frontend Mentor coding community. This is my solution for the challenge Fylo landing page .**

Not really proud of the organization of my css, I know right I've made a mess, could've done it better, the svgs that I imported directly to the html because i didn't know how to change the color of an svg other than changing the property Fill: '#fff'

It was a good challenge i learned how to mix grids and flexboxs together and it's too beautiful and much easier to execute.

Feel free to leave any feedback about my design chances and help me improve my solution.

Hello, Frontend Mentor coding community. This is my solution for the Notification page challenge.

This was a good challenge and I think I could've done some things better, I wanted to store all the notifications in a JSON file and make a reusable notification components and just keep calling it, anyway I am more focused on the CSS stuff than react.

Happy to hear any feedback and advice, Have a good day y'all

Well, it looked really easy at first but when i started digging deep into the thing, I found some weakness even tho I struggled for a bit and I am sure i didn't achieve the best results but still i am proud of what i made.

I've learned so much how to mix up grids with flexbox but not much I've actually practiced centering divs on this project, I wanted to work with reducers here and get things responsive adding like and deleting comments but my main goal is improving my CSS that's what we're all here for isn't it :d

I couldn't success to align the replies with the parent comments sadly, I've tried everything that i could I didn't wanna hard code it I wanted a clean way to do this I would love any feedback.

Thanks for this challenge! see you in another one.

It was really difficult for me to grasp how grids works and all, I'm new to css and I've always worked with flexbox and tried to dodge working with grids because they were really scary.

After struggling for a while i went to see how the grid syntax work and all, I've watched a tutorial and here I am, I am happy that I overcome my fears and I stepped up, now i can understand how grid-area works and I fell in love with that, I think that i am gonna use it alot in the future.

It was difficult to align the two cards with the first card that has double size the other cards.

I should've used grid, but i wanted to do it with flex it was a challenge for me,

I hope that I've done nothing wrong cause i feel like i could done some stuff different and better.

Overall it was a very good challenge it makes you think to use some reusable components and try to have a clean code.

also I've added a new property in the data.json provided called url it contains each icon url of each section i think it's much better this way to get the row all at once.