All solutions

What are you most proud of, and what would you do differently next time?

I tackled the style part quite quickly, so I am proud that I am getting more and more confident with this part. I was a bit afraid of the color modes, but it turned out quite easy. I just used two distinct classes on the body element and defined all variable colors inside those.

What challenges did you encounter, and how did you overcome them?

The Javascript is still a mess on my part. I forget a lot since my tutorial days, but I am slowly remembering and getting used to what I learned. Structure wise, or architecture wise is is a disaster. Not a big problem on these smaller projects, but I should really work on this in the future.

What are you most proud of, and what would you do differently next time?

I am proud that after finishing the JS code and making everything work I took the time to refactor everything which took way longer...

I tried to use classes, learned a lot, remembered a lot of what I learned in the past. It is still a long way from a good & clean code.

I need to revisit some lectures in Jonas Schmedtmann course on JavaScript to actually get the principles for OOP under my skin

What challenges did you encounter, and how did you overcome them?

There were so many challenges.... every new idea was a challenge to put it into code. A lot of consulting the documentation on various methods, googling. I used chat gpt extensively, but tried to limit it to text insights about my solutions.

What specific areas of your project would you like help with?

I know my architecture in JS is a mess, so any good advice, how to work on that would be appreciated.

What are you most proud of, and what would you do differently next time?

Not really proud of this one. Fought it would be a quick one, but I really struggled with the layout. Maybe relaying too much on grids was a mistake in this one. In the end it felt like I needed way too much code for my media queries. Positioning the image and the pattern was very tedious. Tried it as a background image but in the end I decided to use it just as a plain img element.

In the end it works and I tested this on various viewports and looks allright.

What challenges did you encounter, and how did you overcome them?

The biggest challenge was positioning the image, preventing it from overflowing and positioning the pattern onto it. Ended up putting both inside HTML as regular images and working with absolute positioning. It's messy, don't feel very good about this.

Another thing was working with provided SVG. This took me a while to figure out. Actually Chat GPT pointed this out. I was not able to make the SVG's responsive, turned out they had a predefined width and height. Replacing this with a viewbox attribute was the solution.

What specific areas of your project would you like help with?

Any tips regarding the overall layout structure would be great.

What are you most proud of, and what would you do differently next time?

I think in this project I came as close as possible to the provided design files in Figma. Mostly it was a refresher for me on the concepts I have been using in previous challenges.

So I am slowly building up my confidence.

What challenges did you encounter, and how did you overcome them?

The biggest challenge was with positioning the circle elements, especially after I added the animation. On hover it jumped around. But it was a simple bug in translateX property. But took a minute before I found it.

What specific areas of your project would you like help with?

Would appreciate any comment on my work from more experienced developers.

What are you most proud of, and what would you do differently next time?

I was able to do this challenge relatively quickly. I am getting more confident with setting up my projects and the basic workflow.

What challenges did you encounter, and how did you overcome them?

Most challenging was positioning the image and card element. I ended up using CSS Grid which was able to sort most of the difficulties I had.

What specific areas of your project would you like help with?

I would appreciate any feedback on my work. I know my code is still messy and could be cleaner. Also my file structure on source code might be a bit overkill for such small projects, but I want to be comfortable with this as i progress and it should be handy in the future.

What are you most proud of, and what would you do differently next time?

I was able to tackle most things without an issue, had to refresh my memory on certain things. Like implementing svg elements and responsive images into my HTML markup.

What challenges did you encounter, and how did you overcome them?

The most difficult part for me turned out to be the hero section and especially the hero image. Since the assets had a lot of blank space around them. I decided to trim all of them using Photoshop. But still the shadows and the aspect ration of the image made it difficult to position them correctly according to the design files.

I had to use some negative margins so it felt a bit messy. Bu

But in the end it worked out. I did not have to write too much media queries since I used CSS Grid for most of it.

What specific areas of your project would you like help with?

I would appreciate any good advice how to make my code cleaner and better organized.

What are you most proud of, and what would you do differently next time?

Finally out of the course and tutorial loop, I had to build this on my own based on what I learned.

I think I learned a lot. It helped me refresh my memory on many things I had already learned but never used on my own.

What challenges did you encounter, and how did you overcome them?

It took longer than expected, and after my first try, I decided to do it all over again. I ended up with lots of media queries and unmanageable code and still had many glitches.

I used a different approach to rely mostly on CSS grid. It helped a lot since I had to write just a few media queries.

I still struggled with the background to make it as close to the design file as possible. Not sure if the clip-path property was the right approach, but it worked. Rounded edges seemed simpler, but I could not adjust them to look close to the design file.

What specific areas of your project would you like help with?

Since I am a newbie, I’ll appreciate any tips. It is still a lot of trial and error on my part, so my code organization is not very neat.

What are you most proud of, and what would you do differently next time?

I am proud that I used my newly acquired skill with SASS and that i tackled this relatively quickly with no major problems.

What challenges did you encounter, and how did you overcome them?

I really hate that I have no idea what I am doing using git.

What specific areas of your project would you like help with?

Cant think of anything

What are you most proud of, and what would you do differently next time?

Wasn't too difficult so there's no strong proud feeling about this. I am happy I was able to recreate this as close as possible. Including paddings and margins using the figma files.

What challenges did you encounter, and how did you overcome them?

Can't think of any particular challanges I encountered.

What specific areas of your project would you like help with?

I still struggle with best practises and code organization, feel like I am writing too much code that would not be needed.

What are you most proud of, and what would you do differently next time?

I wouldn't say proud but setting up github and uing git was a little challenge.

What challenges did you encounter, and how did you overcome them?

I am not comfortable working with git yet, I have to learn this tool to use it effectively. I really need to work on my CSS. Now it is more trial and error.

What specific areas of your project would you like help with?

I fell my CSS code could be way more effective and what I accomplished in 50 lines of code could be done I way less. But i guess this is the journey of learning.