All solutions

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

This is the first project that I wrote that was reviewed by others. I recently learned about the best practice generally being no set heights/widths. I mostly ended up doing that this time, with the exception of one time where I think I was essentially forced into using a set width and height. Also, this is the first time where I feel like my JS was pretty much on point. The last few, my JS felt very long and complex, this time it was short and simple. This is my first go at web accessibility so I am open to criticism on that front.

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

This was a fairly easy challenge, and was pretty much all review. However this is my first go with no set heights/widths on the majority of elements, and that was challenging to wrap my head around at first.

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

The accessibility. I don't know what I'm doing on that front.

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

I guess I am proud of the fact that I enjoyed writing js for the first time doing this project.

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

I had alot of issues with integrating the custom button, along with the other 5%, 10% tip buttons.

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

I would like help with any and everything if possible. My JS is quite long and messy. Theres probably a much better way to write what I did.

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

I am very proud of the fact that I could do this at all.

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

I have never worked with async/await or promises or none of that. I didnt even know why they were used or what they did until now.

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

Optimally, I'd like to condense the js code into just 2 big functions instead of 6.

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

I am proud I got it to all work, despite my code being very complex and messy. I had to redo a couple of parts a few times, this was challenging for me.

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

The biggest challenge was combining the success overlay with the css and js, and have it all be responsive.

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

Js. I feel like what im doing *works but is not scalable in any way or optimal in any way.

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

This was the first time ive used javascript, but im happy with how it turned out, despite being extremely messy, and probably a bit complicated for whatever yall wanted. Ill go check out solutions to see how yall coded this up because the way I did it seemed a bit sloppy.

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

JS. Its kinda weird bc theres nothing telling me what exactly im doing wrong as I write it. I learned to debug with my console on the inspect page.

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

JS. The way I did this was kinda complex. Theres probably an easier way.

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

I am proud of getting the quote right, and learning z value, position absolute and relative on the fly. Im also proud of my grid solution in my desktop media query.

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

Biggest issue I had was adjusting the grid believe it or not. I had alot of empty space at the bottom of my card divs, fixed it with a spaced evenly flexbox media query.

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

I would like some help with knowing whats optimal and not just what works. I have been doing these projects over the last 2 weeks, and I am wayyyy better but I dont know whats the best practice, ive been sorta just coding raw straight from my brain.

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

I was proud of learning grid when doing the desktop portion.

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

Getting the four cards to be in that pattern was difficult. I overcame it with grid.

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

Grid.

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

I was proud of the fact that I started with mobile and transitioned to desktop with media queries so easily.

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

I was challenged with the picture and the border radius. I was confused at first bc the card had a br aswell as the picture. I didn't know that you could make one side rounded and the other not.

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

I would like help with knowing whats optimal as opposed to what just happened to work for me.

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

I was proud that I was able to do the bottom table. I moved around from flex to inline box, back to flex to finally grid and I was able to get it.

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

Bottom table for sure. It turns out I just needed grid.

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

I would like to know when its optimal to use flexbox over grid and why.

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

I think I basically did this one perfectly, with the only flaw in that I think theres probably a better way of getting the links a consistent width.

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

The biggest problem I encountered was at the end when I realized that on the example, the whole link thing for the socials was clickable, and not just the text. I fixed it by having the a tag surround the div, instead of vice versa.

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

I think I would like help on perhaps seeing a simpler solution that isnt just flexbox all the time. I think I over use it.

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

I am proud that I did it. My code, however is clustered and this took me alot longer than expected. I wish I just refactored and redid some stuff instead of just fixing mistakes with more code.

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

I got lost in that I created a flexbox inside of the flexbox that contains the white part, to store my content. Flexbox was difficult to navigate as everytime I added margin or padding, something went off the container. I dont remember how I fixed it. I wish I just created one flexbox div for the big picture, and another for the text and stuff so that I dont run into the same issues.

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

I would like to know if its possible to move flexbox divs and never go over the container width.