the reviewer can help me check of way i could have made the code shorter and probably more understandable
i think mostly scaling text and image, clamp() works but not in all
Learned some new things in JS and CSS with creating the slider function of the app.
What challenges did you encounter, and how did you overcome them?Searched for how to create the slider to make it function and the styling of it.
What specific areas of your project would you like help with?None
function wise it work good , but for design and responsiveness it's not really working fine, also the check box when check only displays the background color without the checked icon
I am most proud of being able to replicate the designs from the provided reference images, with the layout, styling, and responsiveness exactly in sync on varying screen sizes. It was a wonderful challenge to tweak the finer details and achieve the design flowing flawlessly on all devices.
What challenges did you encounter, and how did you overcome them?One of the largest hurdles was getting the design to be responsive on various screen sizes. I got past this by testing on multiple devices, modifying layouts using media queries, and modifying spacing so that everything would fit together perfectly.
What specific areas of your project would you like help with?Nothing much, but I need help with the font family for the tip options. I tried changing it multiple times, but it didn’t affect the buttons (5%, 10%, 15%, 25%, 50%). Not sure if something is overriding it.
your code base on JS is really nice and understandable, i really enjoyed going through it , am still new to js so mine was lengthy so going through yours thought me new stuffs , thanks.
I completed this challenge after a taking a long break.From next time i will complete challenges on time.
What challenges did you encounter, and how did you overcome them?i was struggling with mobile image part,but i overcame it by using <picture></picture> tag
Responsive and font.
For responsive font you can use clamp (min font-size, preferred font-size, and max font-size it can go) that helps fonts change when screen changes, also your dismiss button ain't working , and instead of changing display of the different page content's you can use use multiple html pages and redirect with window.location.href on JS that's better, but nice work still
well don't really understand much on your js, so can't really say if it's good or bad.
Always completing a challenge, with all the technical and personal difficulties, fills me with pride.
What challenges did you encounter, and how did you overcome them?I managed to position the header background images, discovering an interesting solution for the structure I used.
I also used CSS pseudo elements like ::before for the footer.
What specific areas of your project would you like help with?Any advice, knowing what you would have done differently, or what you consider more efficient, I would appreciate it.
hey your code is quite good and understandable, i had issue with the footer image and color doing mine, seeing the ::before you used it's really nice, keep it up
