@skyleranglhSubmitted 6 months ago
Latest comments
- @simplyObareSubmitted 6 months ago@ShivamRajput57Posted 6 months ago
color not matched exactly this same issue comes when i solved the project
0 - @Mubarak-AdeyemiSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I'm most proud of creating a responsive, accessible Tip Calculator app that provides a smooth user experience across devices. The use of semantic HTML and ARIA roles ensures that the app is accessible to a broader audience. If I were to do it differently next time, I would explore using a JavaScript framework like React to make the app more scalable and modular.
What challenges did you encounter, and how did you overcome them?One challenge was managing the layout transitions between mobile and desktop views while maintaining accessibility standards. Ensuring the layout was both visually appealing and functional required tweaking the CSS and using media queries. I overcame this by following a mobile-first design approach and utilizing CSS Grid and Flexbox effectively to adapt to different screen sizes.
@ShivamRajput57Posted 6 months agoi think you box have high width as compared to the height of the box
0 - @Shakil-aSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
Most proud:
- Using fetch to get the data from the json file
- creating an algorithm to get the data first before coding
- getting better and more familiar with grid
different next time:
- I will have a look at other solutions to this challenge to look at how i can optimise the code
challenge 1 and solution:
figuring how to grab the data and display it, i first created an algorithm step by step to see what needs to be done and then started coding the solution
What specific areas of your project would you like help with?I would like help on:
-
how to make it more responsive from lower sizes to larger screen sizes whilst being smooth, would it be like one column, then two and then the four on the full desktop version
-
possibly a better method to have used for the javascript
@ShivamRajput57Posted 8 months agoi thinks you set the opacity in the user heading section also
0 - @rosemutaiSubmitted 8 months ago@ShivamRajput57Posted 8 months ago
i think your parent div is not centered correctly
Marked as helpful0 - @hmac100Submitted 8 months agoWhat are you most proud of, and what would you do differently next time?
It's far from perfect, but was proud to get most of it by researching and for the most part, getting it done . Really enjoyed the design difference between the mob and larger screens social pop-ups. Not sure how I'd do it differently next time - as I don't have the knowledge to assess.
What challenges did you encounter, and how did you overcome them?As mentioned - it's far from perfect. The svgs spooked me a bit - not sure If they were implemented properly - the image and padding was for me a headache - am still not 100% happy with how that worked out with responsiveness on the larger screens. Also I haven't really understood the positioning for the pop-up for largers screen sizes - it's doesn't behave in responsive way.
What specific areas of your project would you like help with?In terms of the responsiveness I'd like to develop a less ramshackle approach for margins - paddings and the proper way to position the hidden social pop-ups for screen sizes -plus the right way to use svgs and svgs for as active icons. I'm seeing this as a first draft - am definitely going onto discord to get more advice.
