All solutions

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

My first time doing a 'complex' JS challenge by myself. Quite happy but might refactor my code at some point.

I really need to start using SCSS. But is it widely used in the pro world and is it considered good practice?

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

Main challenges:

• Responsive part with switching the image on the right on desktop layout: I used and for the image. Use of flex grid.

• JS email validation: Took me a while to make the JS file working... forgot to put novalidate in the HTML.

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

Any feedback or review are welcome!

Thanks!

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

Happy with this first JS challenge. Might not be the perfect JS way to do it, I will work on it again to try to shorten it when I get more knowledge. But it works :)

I am happy I got the desktop and mobile versions right with the different "Share" layouts.

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

Trying to get the image exactly as it is on the preview. Could not get it exactly as I wanted.

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

Any feedback welcome and hints on how to play around with the image and my JS :)

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

I am just proud I did stick with this challenge and finished it. It was quite a hard one for my nerves! :D

A lot of research to finally get something that works, though not perfect yet.

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

Main challenges:

• Section numbers.

• Having the hero img change with responsiveness and having them to get the good size ratio.

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

Well, still a lot to learn and practice on responsiveness but I am getting there. Any tool, tricks or ideas / sources to get better in there are welcome!

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

First time using grid! Very interesting compared to flexbox, even though a bit more complicated to apprehend for me :)

But I am really happy with the result. Did my research and managed to do something nice and responsive!

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

The grid was quite a challenge for me as it was my first time using it.

Overcame it doing my research and found some good tutorials and videos to help.

I will play around with it even more to master as it is quite a powerful tool.

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

The real struggle was grid, so any comment or feedback welcome !

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

Nothing to mention here. Workflow is getting fluid.

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

I had a few challenges:

• Colored borders, I can not get them exactly as the design.

• The responsive layout: I think it looks okay but I would like to find how to make the responsiveness more fluid without having to tweak or hard code everything.

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

My CSS file is quite long... I will try to find where I can be more efficient.

Any suggestions welcome :)

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

The html was straightforward and I am getting used to using semantic html.

I am happy with the CSS workflow as well and that I was able to find some things by myself such as the use of data attributes or source tag.

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

The two main challenges here were having the image to change when resizing screen and the implementation of the cart icon.

I manage to find the solution by doing some research.

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

For this project I think my code is alright. Maybe some help in the way I organize my CSS?

Thanks for feedbacks as they are always useful!

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

I am quite happy with how I structured my html. It was also quite straightforward as I am getting used to structuring when trying to replicate a design.

I am also happy with how I structured my CSS, even though the next step will definitely be to split it in different files! But overall, I am getting a good workflow with it.

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

The most challenging part was that I have lost quite some time trying to get this as close as possible to the design, like to the pixel! But in the end I don't know if that it is really necessary... advise needed here :)

Otherwise, I had some difficulties with the styling of the lists.

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

The main area where I would need some help on this challenge is where to stop when replicating a design. I tried to be as close as possible to it but my margins and paddings numbers might not be conventionnaly correct... (2.2rem here, 1.6rem there...).

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

I am quite happy with the fluidity of my workflow for this one.

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

I had to choose between an or simple tags for the links. I found it a bit challenging to style the list so I went with the tags.

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

I am still working on responsiveness and semantic html. I find it to be much better for code readibility.

Next thing I am going to work on as well is trying to group my css code into different files: one for fonts, one for root...

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

First time using this css property. The challenge asked for a responsive font-size without using media queries. Found this property to be the most suitable after doing some research. Still trying to understand how it works.

I am going to work more on responsiveness with media queries and properties like clamp.

I will also dive a bit more into Figma to understand how to better use it and get the most out of the figma files.

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

I struggled first with what was asked concerning font-size responsiveness. I did some research and found an article about the CSS clamp() property.

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

The main aspect that could be of a problem is the beginning of a project. Should I use semantic html? Should I wrap every element into div containers?

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

I am happy with my solution and the process was quite flawless.

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

I haven't encountered any particular difficulties.

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

I think I would like to work more with semantic html and to improve my knowledge and skills on responsiveness.