All solutions

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

Incorporating ARIA attributes for web accessibility.

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

Web accessibility for the form. Reading on ARIA attributes online.

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

Feedback on the solution and how I can improve it.

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

• Getting the logic to work.
• Learning about the aria attribute for screen readers.

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

• Refactoring the code to reduce repetition. Reading more on refactoring helped, however, I believe more refactoring is possible.

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

Any feedback on how I can further make the code simpler and more readable.

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

Being able to update the DOM with the data.json file.

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

Getting the code to update the data when clicked.

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

Any feedback will be appreciated.

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

Form validation using JS.

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

Regex expression to check email. The one I have used is simple.

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

Any tips on a more robust regex expression will be much appreciated.

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

Creating the floating social links element.

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

Creating the floating social links element. I used absolute position to manipulate it.

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

I couldn't set the arrow part of the floating element fixed directly over the share image when resizing the screen. I would appreciate help with that.

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

Being able to select a rating independently.

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

• Having to select a rating independently. Opted to add the onclick property to each rating.

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

• Setting the button inside the input element.
• Responsive layout across screen sizes.

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

• Button layout and image change between screen sizes. I was able to figure it out through googling.

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

Feedback on how I can improve the layout.

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

-Being able to display the error messages without using the alert property.

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

-Displaying error messages without using the windows alert. getting the CSS layout to match the design target.

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

-Getting the CSS layout right. This took me longer than the actual Javascript function.

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

Using key presses to navigate the page as well as using ARIA attributes.

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

-How to toggle the questions independently and use of the keyboard.

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

Curious to know which other ways this challenge could have been done.

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

-Setting and positioning SVG as a background image.

• Using the auto property when it comes to columns and rows.

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

-Positioning the background SVG image- Using background image properties. -Getting responsive Grid Cell sizes. - Using the auto property.

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

Feedback on the code would be much appreciated.

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

I approached the project "mobile-first". I am proud I was able to transform the same into a desktop version using Grid.

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

Manipulating the SVG element. This was solved by using the viewBox and transform properties.

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

This was a fun challenge, however, I do feel there could be simpler ways to accomplish it. Any pointers is much appreciated.

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

Getting the responsive layout using different images either side of the breakpoint.

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

Using different images in the different layouts. I included both images in the HTML code and used the display: none property in the different screen sizes.

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

Improvements I could make as well as see how other members tackled the project.

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

Multiple layouts on the same page.

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

My major challenge was coloring the numbers in the ordered list separately. Through research online where I got a step by step guide on stack overflow.

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

Any advice on how I can improve my code would be much appreciated.

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

Use of Bootstrap to take on the challenge.

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

I challenged myself to include the social media icons in the links. I used the website fontawesome.com. This worked perfectly until I hit a roadblock and realized "Frontend Mentor Icon" was not featured on the site. I used the icon in the assets folder but getting it aligned was another challenge, fun nonetheless.

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

1. How can I get the Frontend Mentor Icon to animate like the other buttons? I'm stumped!
2. Feedback on how I can improve on the code.

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

Managing responsive text without the use of media queries.

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

Sizing text without the use of media queries. The clamp() property was fun to learn.

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

I am happy with the overall layout, however, I would appreciate input on how I can improve my code.

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

It is understanding the concept of CSS positioning. Next time I will use Bootstrap which I expect should be a cleaner code.

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

How to center the QR component on the page and get it responsive. Used the W3School website and Udemy to learn.

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

How can I use fewer lines of CSS code to get a more responsive output?