All solutions

I found that implementing a reusable dark theme hook to be challenging, particularly when it came to utilizing SCSS. After much experimentation, I discovered a mixin that generated CSS custom properties, which helped me overcome this hurdle.

also, while developing functions to manipulate the country data, I realized that I wasn't entirely confident about the way I had written the code. I felt that I could benefit from some guidance on best practices in this area.

I would like to learn more about the recommended approaches to structuring project folders and ensuring accessibility. By implementing best practices in these areas, I hope to create cleaner, more efficient, and more scalable projects in the future.

i also want to know your opinion on the whole project responsive design.

this one was pretty hard to deploy because i have never dealt with backend and how to host it before

if you have any comments please tell me <3

this was my first experience with react and i had lots of fun with it if you have any comments it would be appreciated

So this is my solution using SCSS , i really liked working with it especially mixins it felt a little programming-ish ,but the produced css file was a lot larger maybe it was a mistake on my part while writing the SCSS but i think i can produce smaller css files on my own and faster using my own setup

this one was a lot of fun because i learned how to place grid elements properly and i improved my approach by divide and conquer so i first finished the cards then did the grid then placed the items so it felt so right at the end of the project

any comments are much appreciated

had fun with this one because of the grid if you have any comments please tell me and if you can recommend a good course on accessibility that would be nice too

i had fun with this , especially the animation and the second section was hard because i didn't how to make it flow smoothly but i used flex-shrink on the cards and it worked but this was one of the harder landing pages that i did

this one was hard because i couldn't do the progress the bar but using css custom variables along the input event allowed me to create a script that tracks the progress

but a problem i had was the resizing which made the range break so i had to using resize observer to keep it consistent but i don't think it's the right approach but i couldn't come up with a formula in css that doesn't make the progress bar exceed the button on resize

this was a very nice challenge and i had a lot of fun with creating the dynamic grid, I left all the resources in the repo README

if you have any comments in please tell me

if you have any comments please leave them alone especially when it comes to accessibility

i had a rough time with this one because of similar element and their naming so the code didn't turn out great but i had fun doing the animations

if you have any comments please tell me

i liked doing the js in this one and it was intimidating to start a project that looks this

so if you have any comments please tell me

i had a lot of fun with this one but i need to refactor the css because there are parts that are redundant if you have any comments please tell me

this one was fun to do and it felt pretty nice to conquer something that i was afraid to attempt a month ago when it comes to the design

it was a hassle at the end when i was deploying it because of the relative path problem

and trying to reach the exact design was hard too because of the way the ::before work

so i had to use my own pseudo before element

if you have any comments please tell me

this was intimidating at first but when i finished the mobile view it felt easier please tell any comments you have

i struggled a bit at first because i messed up the html again and didn't mock it enough, so i will take care next time

if you have any comments please tell me!

it took a lot of time to do this one because i didn't think of the HTML a lot so it got hard,but when i wrote the right one, it all fell into place

and i learned about using margin auto to justify-self a single element(the attached image) which was pretty cool

my solution doesn't follow a lot of the accessibility rules but i will study the topic and add them

i really enjoyed doing this one because i followed a mobile first approach which was very weird at first but turned out to be really neat and produced clean code