All solutions

Hi, thanks for having a look at my work!

It's my 7th challenge on this website.

It took me 3h to complete.

• Git, and vercel setup - 10min
• HTML structure - 20min
• Mobile version - 1h
• Desktop version - 35min
• Harmonization - 10min
• Button interaction and animation - 20min
• Font-Awesome & SVG - 20min

I found this one easy but I couln't find a way out for the background to look more like the preview.

The content was very accomodating and could be done without hiding elements depending on the viewport.

The little challenge I had was about the svg files I had to retrieve from fontawesome website, insert the svg directly inside the html (I usually use the img bracket) to make sure the color would change. Let me know if there was a better way.

This project is my 9th one of my 365 serie for 1 project per day :)

Feel free to share any way I can improve it and if you liked it please click the heart !

See you !

Hi, thanks for having a look at my work!

It's my 6th challenge on this website.

It took me 7h to complete.

• Html structure - 30 min
• Mobile version - 1h
• Desktop version - 1h
• Form validation - 1h30
• Animation - 30min
• Harmonization - 2h30

This one was surprisingly difficult.

Looking for information of HTML properties (here are oninvalid and setCustomValidity) proved to be a harder task than expected.

The instructions were a bit tricky about the gradients color, I'm still not sure if I did it correctly...

Also I finally figured out how to responsively set an absolute element !

This project is my 8th one of my 365 serie for 1 project per day :)

Feel free to share any way I can improve it, see you !

Hi, thanks for having a look at my work!

It's my 5th challenge on this website.

It took me 1h40min.

• HTML structure: 20 min. -Mobile version: 40min.
• Desktop version: 35min.
• Harmonization: 5min.

Almost missed the daily challenge because I had family matters to attend to, but I took this one which looked pretty easy and I made it quickly !

I supposed I could have used some grid stuff to make sure it would fit well for all screen sizes, but I wanted to make it quick :)

This project is my 5th one of my 365 serie for 1 project per day :)

Feel free to share any way I can improve it, see you !

Hi, thanks for having a look at my work!

It's my 4th challenge on this website.

This one was a bit tedious because it needed to make 2 different active menus (mobile + desktop).

It made me practice my DOM JS a bit. I realise that working with React.js really makes interactions easier :)

I might rework this project to add a bit of animation.

I made breakpoint at 800px because it was the point where the desktop started to look better than the mobile solution. Am I allowed to do that or should I stick with the bootstrap grid breakpoints ?

This project is my 4th one of my 365 serie for 1 project per day :)

Feel free to share any way I can improve it, see you !

Hi, thanks for having a look at my work!

It's my third challenge on this website.

This one was the easiest of the 3 because I finally managed to set up sass on my computer :)

Feels satifsying to have some logic in your stylesheet !

I added a bit of media to get responsiveness between 375px and 1440px.

This project is my 3rd one of my 365 series for 1 project per day :)

Feel free to share any way I can improve it, see you !

Hi, thanks for having a look at my work!

It's my second challenge on this website.

It says it was a newbie level challenge but I had some struggle with the responsiveness and more precisely on the behavior of the box of the desktop version. I ended up deleting it from intermediary size.

Please tell me if there was an easy way out for it :)

This project is my 2nd one of my 365 series for 1 project per day :)

Hi, thanks for having a look at my work!

It's my first challenge on this website and I'm used to doing React.js projects so I felt a little rusty with my plain html & css skills.

But I felt like this was simple enough and not too demanding on the responsive side.

The only issue I encountered was with the background, not sure about how I was supposed to get it centered while having 2 objects, I ended up doing 2 versions depending on the device.

Oh and btw this project is the 1st of my 365 year projects, feeling lucky to fulfill this challenge!