All solutions

Hi community,

I had a lot of fun while coding this challenge. I really like how the design looks, especially on mobiles. I like the gradients and colors!

While building the project I had the biggest challenge with positioning the background image on tablet and desktop. Currently I'm using

background-position-x: 50vw;
background-position-y: -150px;

to position it on the right top side of the screen. However, it doesn't look good on all widths and isn't fully responsive. Are there better ways to position it? I'll be thankful for the tips 😊

Have a great weekend everyone!

Hi community 😊

This challenge has a special place in my heart. I started it almost 2 years ago - a couple of months after I started learning front-end development. I did the mobile version then and since then the challenge was laying forgotten on my github. I decided to finish it now and I have to admit that reading your old code can be challenging.

Another challenge done, many more to go 🏆

As for the next steps in this challenge:

• cleaning up the code a little bit - removing repetitions and unused values
• making the desktop footer look more like the design

#The challenge is still in progress and will be improved

I added the solution to FE mentor to check the accessibility report. It's definitely not done yet and will be improved.

There are still some errors in responsiveness and I plan to do a lot of code refactor because it's very messy. SCSS code also needs some fixing - I started with desktop-first approach and in the middle of development switched to mobile-first approach and that resulted in code duplicates and in big mess.

So to sum it up - I know that it's broken but I'll fix it some day :)

Hi community, 2nd challenge of 2023 ✅

I'm not a big fan of a final result and I feel that it needs a little bit more love before it will be perfect. Despite that I had a lot of fun coding this website 😊

I feel that every chalenge gets a little bit easier than the previous one. I guess I can call that progress 📈

Happy New Year everyone! First challenge done in 2023 ✔️ Many more to go... I actually want to develop it further. Right now I'm using data from the local data.json file but as a next step I want to connect it to Firebase and add more functionalities, such as:

• Register/Login logic
• Adding time entries
• Removing time entries

Overall it was a nice challenge and I'm happy with the final result 🎉

Hi community :)

Oh my, that challenge was a lot harder than I expected. I had a lot of trouble making it responsive. I decided to use grid for styling and that was actually the first time that I used grid in a frontend mentor challenge. I tend to stick to Flexbox whenever I can but I wanted to challenge myself. Big kudos to Design Course for this tutorial. It help me understand how to use grid-template-areas.

I'm not fully satisfied with the solution and I will definitely improve but I need to do a couple more sites with grid to get some practice. But you know, practice makes perfekt.

Hi community, I have to admit that I didn't expect this project to be so challenging! I spend so much time on creating layout and making it responsible and honestly, I'm not perfectly satisfied with the result so I consider it a work in progress.

Next steps

• Adding animation and scroll effect to arrow
• Cleaning of CSS because I've repeated a lot of code that could be moved to a separate class and resued in multiple components
• Fixing all display errors and accessibility/html issues

Hi community, another challenge done :) I had a lot of fun coding it using just HTML and CSS. I didn't ecounter any problems while working on it and I finished it quite fast.

What did you find difficult while building the project?

Since there wasn't any main header on the website I wonder what to do to avoid accessibility issue due to lack of <h1>. I stumbled upon this Stack Overflow discussion and decided to include <h1> in my code but hide it visually.

Hi community, Second challenge today - finished. I'm quite proud of myself. I wanted to do the challenge in less than hour and I accomplished it.

Process

• I only used HTML, CSS and vanilla js for this challenge. I used mobile-first approach for styling.
• I fetch advices from Advice Slip JSON API

Hi community, This challenge was quite fun. I started it almost 2 years ago and I completly forgot about it. I picked it up last week and decided to finish it :)

Process

• The project is still a work in progress and will be improved.
• I used React and geo.ipify.org API to solve the challenge.
• Map is built with Leaflet

What did you find difficult while building the project?

• I didn't expect styling to be that hard but it took me a while to make it look similar to the design.
• Coming back to your old code is harder than I expect. It took me a while to understand what I wanted to do with the components.

Which areas of your code are you unsure of?

• I see that my solution could be more similar to the design as there are some differences.
• I see that layout is still broken on some devices.

Next steps

• Fix all issues from accessibility/html validation report.
• Fix broken layout on some devices.

Hi community, That was a nice and easy challenge. I enjoyed it a lot. As always - feedback is appreciated.

Hi community :) This is the first version of this challenge. I will probably find multiple fields where I can improve the code - and so will you :) But I wanted to upload the solution to take it off my to-do list. As I said, I'm aware that there are some areas for improvement and I'll improve them sooner or later but I will be also thankful for any feedback. Take care everyone :)

Hi everyone. I've recently came back to programming after almost 1 year break. That's why I decided to start a 100 days challenge. I'll create one project every day for 100 days. To warm up on the first day I decided to do this simple challenge and had so much fun. I'll be thankful for all suggestions and comments.

Hi! I will be thankful for any comments, advice and feedbacks :-)