All solutions

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

I think that I did a pretty good job matching the example given by Frontend Mentor. I am not sure what I would do differently, but I am open to suggestions for improvement!

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

I would say that the most challenging part of the project was deciding where to start to make it look like the example. I decided to add all of the HTML first and then add styling later. I find this helps me to write cleaner CSS.

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

I think that my CSS could be cleaner and more concise, and I would appreciate any suggestions!

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

I am proud that I was able to match the style quite closely, and that it looks neat and clean on both desktop and mobile.

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

I had a lot of trouble with the ordered list part of the project getting it to be formatted correctly where there was space between the numbers and text and also to vertically align the text. I overcame this by using the display grid to line up the text and numbers.

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

I used the grid display for the ordered list and I think it looks good, but what did other people do? I am interested if anyone had a different solution.

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

I am most proud that I was able to install all of the functionality that I wanted to add to this project including adding functionality to both the enter button and spacebar.

The thing that I would do differently is that I would make sure to add a keyindex attribute at the beginning of the coding process to make sure that the app is accessible to everyone.

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

I encountered quite a bit of difficulty getting responsiveness from the buttons. The way that I solved it was trying to get a response of any kind from the app, and then worked to get it closer and closer to my desired action.

I also struggled to add keyboard functionality to the app as I had never done that in a project before. That challenge was overcome by doing a lot of research and trial and error.

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

I was not able to get the min-height and max-height properties of the page to work properly. I wanted the page to expand if the user opened all of paragraphs at once, but I was not able to do this, so I just created a single set size that would work decently no matter what the FAQ height is.

Is there a way that I could get the page size to expand with the div of the FAQ? How would I do this?