All solutions

Hey everyone!

This is my 11th frontend mentor challenge solution, and it feels really good to have completed it! 🎉 I had taken a long break, and this challenge really helped me to gain back my confidence, especially with regard to CSS.

I have a couple of questions, and I would love to hear any feedback on the project!

1. Are there changes I can make to my HTML structure to improve it from a semantic and accessibility standpoint?
2. Any suggestions on refactoring some of the repeated code in my JS?

Any other feedback or suggestions would be more than welcome! Thank you!

I took a long break, so I decided to start back small with this QR Code Component! I had a lot of fun, and I was able to brush some of the dust off. I used some semantic HTML (although I'm sure I could improve it!), some custom CSS properties, and flexbox.

I would love any feedback on how I could improve the HTML, especially from an accessibility perspective.

Any other constructive feedback is welcome and encouraged! 😃

Thank you!

Hey everyone!

It took me a while to wrap my head around laying this one out. I would really appreciate any feedback on my semantic HTML, my use of Grid and Flexbox here, and the overall responsiveness of the page. If anyone has any suggestions on ways that I can improve the layout in order to make it more effective, please let me know!

I also used BEM for the second time on a project here, and any feedback or comments on how I could improve would be really appreciated.

Thank you so much!

Hey everyone!

This is my second challenge with JS, and it was really tough but a lot of fun!

The JS was pretty easy, but the CSS took me a lot longer than I thought it would, and I actually ended up starting the project from scratch after almost getting it completed!

I realized that some of the things I was having a tough time with shouldn't have been so tough So I took some time to revisit a lot of the basics about layout, and more about HTML and CSS. I'm so glad I did, and I'm feeling a lot better about the project now! After this one, I realize I need to go back and redo all of my previous ones, too! 😅

Feedback on both the design and the code would be really appreciated, and more than welcome! 💥

Hi everyone!

This is my 7th solution for Frontend Mentor! I tried hard on this one to use proper Semantic HTML, CSS Flexbox, and Grid. I also took a mobile first approach to this project, and I'm so glad that I did. After completing this one, I'm looking forward to going back and improving on my previous ones!

I would REALLY appreciate any feedback on:

• my use of any of the above
• how I can continue to improve my layouts for responsiveness
• how I can continue to improve my use of Semantic HTML
• how I can make my work accessible
• any best practices or improvements I can make

Thank you so much for any feedback. I really appreciate it!

Hi everyone,

I would really appreciate any feedback on how I can do a better job of creating more responsive layouts from the outset, without needing to do so much in my media queries.

If anyone has any thoughts, or can point me in the right direction, I would really appreciate it!

This is my 5th completed Frontend Mentor challenge! I learned a lot about JavaScript and Client-side form validation for this one, and I used CSS Grid more effectively than I have in the past.

Hi Everyone,

I had a blast learning to build an accordion with JavaScript for this challenge!

I have a couple of questions for anyone who might be able to help:

1. How can I get that box to stay where it should while resizing the browser?
2. Why aren't my accordions collapsing with a transition like they do when they open?
3. How can I get the mobile image to stay where it should while resizing?

Thank you. Any feedback is really appreciated!

Brendan

Hi everyone! I would really appreciate any feedback or suggestions at all on how I can improve on this one! Thank you so much in advance!

Hi everyone! I would really appreciate some feedback on how I can improve the responsive design and media queries. Is there anything in particular I should focus on? Am I missing something obvious that I should be doing when it comes to the responsive layout?

Thank you so much! I really appreciate any feedback.

Hi everyone! This is my second challenge so far, and I'm wondering if there are any obvious ways that I can improve here? I would really appreciate any feedback on how I could get better with accessibility, semantic HTML, structure, and overall organization.

Thank you so much!

Hi there! This is my first project, and I definitely have a lot of questions, and I would love any feedback! My main question though, is what am I doing incorrectly with the mobile responsive version?

Maybe I should have attempted the challenge from a mobile first approach, but I feel like there is something with flexbox that I'm missing, and my HTML structure. Is there a simple solution? Any suggestions for improvement? Thank you so much!