All solutions

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

I am just glad this is done but the code is rather messy. I should've planned this better and need more practice writing clean codes. I also like the chance to learn how to use theme with CSS and make elements navigatable with the keyboard.

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

Many details go into this project, making it challenging to keep the code clean.

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

There's a bug that sometimes the toggle doesn't work with the keyboard. If you could help me figure out why that is, that'd be great haha.

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

I am proud of creating a working password generator, it still needs improvement in determining the password strength.

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

The biggest challenge was customizing the range slider. I found a helpful article https://blog.logrocket.com/creating-custom-css-range-slider-javascript-upgrades/

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

Any feedback in general, especially in Javascript.

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

I am proud of solving the select tip section and the custom input field.

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

I was struggling with the custom input, it is resolved with position: absolute.

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

Any input would be appreciated but primarily on Javascript. How can I improve my index.js, also if you find any error.

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

I am proud of pushing through this challenge. I need to take some time to learn more about grid.

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

Grid.

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

understanding grid and writing clean JS.

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

I am proud of learning BEM syntax CSS. I am also proud of the little animation for the validation message. I would rethink how I structured between the form section and the success message section. I don't like how it has no transition. I also need to start paying attention to tablet layout.

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

By focusing on one area at a time.

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

Anything in general. How would you switch between showing the form and showing the success message? I think in real case pages they would be in different files. But how would you approach it specifically in this project?

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

I'm proud of finishing this project. The share section is tricky because mobile and desktop versions are different, so I am most proud of tackling that. I suggest next time I spend more time analyzing and planning to solve the problem instead of jumping into it headfirst.

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

toggling the share button, I tried a few different approaches.

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

anything. code review would be appreciated. is it readable and easy to understand? do you think my code is overkill? how to write better CSS class names?

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

I am proud to have finished this project, especially tackling the grid layout for the desktop interface.

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

I struggled to set the last card element like the desktop design, and had to read more about grid and made many attempts.

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

I'm still not sure what to do and how the page should look in between the specified size. Any feedback in general will be appreciated.

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

I am glad of how this turns out.

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

I had difficulty positioning the card layout for desktop design. I need more practice to be comfortable with grid.

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

I feel like the elements look jumpy when I resize the screen. Any tips on that would be helpful. Also if you find any errors in the layout, I'd like to know.

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

I am proud of using mobile-first workflow, first time using logical properties too.

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

I made a mistake importing the font, it can not be loaded at first. It works when I move it to the very top line of my CSS. I also struggled with my breakpoints, at a particular height the components break (try height

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

I would like feedback on my HTML structure and CSS, especially on my media query. I'd also like some help with the error I mentioned above.

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

I feel more comfortable writing the components from scratch now. I need to plan the styling better for next projects. I am proud of learning to add border in between table rows, also setting bullets and numbers of list with different color.

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

I struggled a bit adding border in between the rows. I asked chatGPT, it gave me false solution at first.

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

Do I use the correct semantic in my HTML? Can you recommend better ways for me to write responsive page?

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

I am more comfortable with my workflow this time, compared to the previous two challenges. I would like to implement the best CSS practices for the next project. I am confident with my HTML structure, but maybe I have some blind spots. I am open to feedback.

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

I struggled a bit in showing the anchor tags as buttons, I am not sure that I've done the best approach. The list element positions were slightly off to the right, a quick search helped me override that behavior.

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

The mobile design doesn't look exactly like my final project. I have too wide horizontal gaps compared to what's shown in the design. Some help with this will be very much appreciated.

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

I think I did better with positioning the elements than the previous challenge. I also use semantic HTML and use variables for colors this time! I did not accomplish reducing the font size for a smaller screen, unfortunately. I will fix this when I get a grasp of it.

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

To reduce font size for smaller screens. I need to grasp an understanding of viewport, calc, em, and rem before I can overcome this.

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

How to reduce font size for smaller screens. It would be helpful if you could walk me through for this challenge. Also, some feedbacks on my HTML and CSS structure would be appreciated.

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

I am proud of positioning the elements correctly and figuring out flexbox, margin, and align-items. I think I need to create an HTML markup and CSS template for positioning elements with an understandable note so I can solve similar problems more quickly next time.

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

I struggled mostly with centering the elements. I searched the internet for how to do it and had to go through trials and errors.

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

How can I improve my code, especially on the elements where I use fixed size (the card and the image)? Do you know a better way to do it? Also, my explanations on how to center elements, are they clear enough or need some corrections?