All solutions

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

I am most proud of using javascript on the images.

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

I had a little trouble figuring out how to change the images when they are clicked on. I used the background image property to solve this.

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

Repetitive javascript code.

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

I coded javascript for the first time.

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

I had a challenge with changing the background color for onclick event.

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

I am most proud of the snippets section of my project. I improved my efficiency, almost 2x less lines of code compared to previous projects .

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

I had difficulty with the desktop layout of the footer list. I discovered columns and used them for the first time. I had to set a width for the list items in order to have their text on a single line.

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

I am most proud of overlaying the background images.

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

I had difficulty overlaying the background images. I used z-index and set the width of the background images to fit.

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

I am most proud of the overall layout. I will use grid-area next time because it's more efficient.

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

I had some difficulty removing the line breaks from the paragraphs for the mobile layout. I found a solution to this by setting br content to empty.

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

Efficiency.

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

I am most proud of the forms

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

I struggled to display text below the invalid email input type. I had to nest the text input in form:invalid.

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

I am most proud of creating the speech bubble.

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

I had difficulty creating the speech bubble. I had to search up how to create one.

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

More ways to use grid in this project.

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

I am most proud of using the template layout properties to help me solve this challenge.

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

I am most proud of the mobile layout.

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

I had challenges using grid to alignment elements. I had to use grid column and row properties.

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

Relatively new to grid. I feel like I used margin a little too much when it comes to aligning elements. I am pretty sure there are better alternatives.

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

I am most proud of using css grid to complete this project.

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

I had a challenge setting up the columns and rows. I had to search up some grid properties on w3c.

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

This is my first time using grid. I would like some advice on how to use grid more effectively.

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

I am most proud of implementing the 3 column layout.

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

I had a bit of difficulty implementing the simultaneous change of the button background and color. To solve this problem, I used css nesting.

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

I don't think I coded the exact button font.

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

I am most proud of the result and summary sections. Next time, I would try to write less lines of css code.

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

I had a bit of difficulty getting the background color of the result section until I realized that it was provided in the style guide.

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

Efficiency when it comes to code.

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

N/a

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

I had a bit of a challenge implementing the body background images. I searched up background position property on w3c to help solve this problem.

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

n/a

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

I am most proud of using flexbox for the stats section. Next time, I would make the parent container a smaller width for mobile size.

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

Usage of flexbox properties

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

I am most proud of using flexbox for this project

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

n/a

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

Incorporating more flexbox properties.

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

I am most proud of achieving the overlay elements. One thing I would differently would be creating more flexbox containers.

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

I had a challenge implementing the overlays. To overcome this challenge I set their positions to relative and then their top and left properties.

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

I would like more help with implementing flexbox. This is my first time using it and I feel like I could have used it more.

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

I am most proud of my mobile layout. Next time, I would implement flexbox and more divs in order to make things easier.

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

I had difficulty moving $169.99. To overcome this, I set it to float inline start and added padding left.

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

There is an increasing space on the bottom when the viewport gets to 340px and smaller. Am I supposed to add more than one media query?

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

I am most proud of creating the table.

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

I had the most trouble getting the table to stretch to fit its parent. To solve this I set the width to 100%.

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

I would like more help with sizing elements.

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

I am most proud of the active selector on the respective elements.

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

I had a challenge incorporating the active selector syntax. I had to search this up on w3c.

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

Is it best practice to use divs for the links?

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

I am most proud of centering the div using margins.

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

I had challenges with sizing the image. I overcame this challenge by just setting a fixed size in pixels.

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

I would like more help with spacing maybe.

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

I am most proud of the design of the qr-code.

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

I had challenges getting the correct width and margins of the qr-code. I overcame them by using w3c as a reference.

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

I would like more help with centering/alignment of divs.