All solutions

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

I managed to complete the task completely on my own in about 10 hours.

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

The variable naming and the function naming in the js file need a lot of improvement. The functions I defined maybe are too big in scope. I should have broken them down in more meaningful pieces. I don't know if the overall logic of the js file is good or there is a big space for improvement. With this challenge I understood the repay of writing mantenable css. To change the theme I had to redefine a big part of the file, and I had to boost the specificty on certain selector to work. The overall specificity in some part of the file was too high. I'm happy and frustrated at the same time. Anyway I can't wait to continue my learning journey.

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

If anyone has any suggestions on the challenge I encountered, which I described above, I will be very grateful. I started my journey in web development 4 months ago and I don't know if I am on the right track or I'm behind. Any other suggestions are welcomed too. Thank you all.

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

Nothing in particular.

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

Nothing in particular.

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

Any suggestions on how I managed keyboard focus is appreciated. Thank you

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

I finished the first intermediate challenge.

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

The styling of the input type range. I found a cool website that given some parameters returned all the stlyle needed for the range.

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

There is some refactory especially in the javasript file that should have been done but I was anxious to post my solution and to continue my learning journey. Anyway I don't know if the proposed solution is a good one for generating a random password. Except for some lexical awkardness(coming from a python background there is some way I should walk before mastering the javascript way and syntax) maybe there is some other clever method to generate a random password. Any comments on anything will be greatly appreciated. Thank you very much!

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

I managed to complete the task.

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

The buttons to select the tip required a little more of thought to fully function within the tip calculator.

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

I dont't know how well I managed the buttons for selecting the tip and the total working of the tip calculator. Any suggestions are really appreacited :) Thank you

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

Nothing in particular.

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

Nothing in particular.

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

Any suggestions are welcome! Thank you

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

I managed to complete the task :)

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

The dialog for the mobile version and some kind of issues constraining the size of the image.

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

I don't know if the way I coded the dialog is a good one so any suggestion will be welcome. Anyway all suggestions on anything are welcome too. Thank you

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

This is the first js project I completed.

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

A little challenge was to adjust the size of the share button and the position of it a little of when clicked.

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

Any suggestions are welcome. I don't know if what I did to hidden the share links is correct. I double typed the hidden class to boost specificity because it was targeted by another class for the styling.

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

Nothing in particular.

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

Nothing

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

I tried many approach to get the image right. I first applied a padding to the card container but the padding influenced the space occupied by the div containing the image. This was predictably. So I added a margin to all child except the first to get the spacing right. I don't know if there are other better ways to do this. Another thing is I didn't understand why if removing the flex container from body and giving margin-block of auto to the card it didn't center itself vertically nevertheless I set body min-height to 100vh. The margin-inline of auto worked but block no.

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

The fact that i managed to complete from start to end the challenge on which yesterday I gave up.

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

The setting of the color on top of the footer background image, the vertical bar on the number divisor (which I could't do), and the fact that I had to fall back on media queries when in principle I would have liked to make the design responsive without the need for media queries. For this challenge there were no style guide so I was following the various picture on frontend mentor.

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

Any suggestion on how to make the vertical bar, general layout suggestions and if there is another method to make the second divider overlap with the footer. I managed to do that with negative margin and z-index. Thank you in advance

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

.

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

The correct sizing of the element.

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

If someone has any suggestions regarding better css style or anything else i'm open to any suggestions. Thank you very much :)

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

.

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

Setting the right dimension for the main container.

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

If anyone has any suggestions in general or regarding the sizing of the main box, that of the element, it will be really appreciated. Thank you :)

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

The fact that i have managed to make the media querie work.

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

Using responsive images using the picture element.

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

If anyone has any suggestion, especially on layout or sizing of the various container it will be really appreciated :) Thank you all.

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

.

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

The correctly sizing of the various items.

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

If there are some things that could have been done better I would like to hear and learn :) Thank you.

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

.

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

Sizing the text correctly and the sizing of items in general.

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

If anyone can give me the feedback on the overall work or some tips for the sizing of the content it will be really appreciated. Thank you :)

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

Using correctly the flexbox.

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

Fit the first image in the flex container. Now i know that i should use width 100%.

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

I don't know if I could have done better with the sizing of the various items. Any suggestions will be greatly appreciated. Thank you all :)

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

The next time I would try to display the content of my page better.

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

The most difficult part was displaying the various element with the correct width and height. Also it is not so easy for a beginner who doesn't know any css framework to center the various elements.

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

I would like some feedback on how to correctly display elements. At the beginning I was trying to set the width and height of the image using css but it didn't work. So i had set the width and height of the image inside the container with attribute inside the img element. It would be very helpful if someone explain me how can I display elements without resorting to trial and error using various px measurement for the width and height of element. Next I don't know why if I use more padding for the img element the border on top become straight and the border-radius property doesn't seem to work. I should say that the practice is really different from the theory. Any help will be greatly appreciated. Thank you very much