All solutions

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

Working with the DOM to manipulate the success message and newsletter page.

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

Most proud of persisting with the challenge and figuring out how to position the share links and how they appear when the share button is clicked. The Javascript part was easy, but the positioning and designing of the pop up was tricky.

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

The design and positioning of the pop up link container. Using knowledge of the pseudo classes and positioning properties, I was able to complete the challenge as required. Using CSS animations also helped make the link pop up appear in a smoother transition.

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

Designing the site to be responsive at all screen sizes as challenged.

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

• Making the site responsive at each screen size
• Adjusting the layout based on screen size
• Figuring out how to change the hover state of the separate text in the button

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

Any suggestions that will tangibly improve the project.

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

Figuring out the responsive grid layout code. That can be tricky. Also figured out how to align the testimonials in height so it looked more aesthetic and correct.

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

Responsiveness and aligning the containers so they appear to have the same height. Brief searches online helped me discover an efficient way of dealing with these.

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

Any way my layout can be improved for responsiveness.

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

Figuring out the grid layout for larger screen size and making it responsive.

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

The grid layout for a larger screen size. Making the layout responsive for the columns and rows of the grid. Used the resources online and some info from stack overflow to make them responsive using fractional units and auto for rows.

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

Any tips that can improve the project on a fundamental level.

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

I am most proud of working through the responsive layout problems, particularly around the image issues. Next time I will use the image as a background image for a container. This seems to be much easier for creating responsive layouts.

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

Deploying to Git and then creating a live preview of the component online (which I eventually did via Vercel) Quick researches helped me to overcome these challenges.

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

Mainly around responsive best practices and pointing out bad practices that may cause issues down the line.