All solutions

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

I have seen a lot of improvement in my work pace. The last responsive design challenge took my a few days since I kept starting over. This one only took me a few hours to fully plan out and execute. I want to keep practicing responsive design, and also learn javascript soon.

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

I struggled quite a bit on this challenge because it was my first introduction to responsive design. I initially made a version which had a lot of media queries and did not work very well. However, after taking some time to research responsive units and functions, I started the project again from scratch and was able to come up with this final version.

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

Although this project was extremely helpful in giving me more insight into responsive design, I still want to try to get more comfortable in responsive design and units.

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

This is the first project where I used mobile-first webflow to complete, and it helped me gain a lot of insight on web development process in a real workplace. I would try to think ahead about my solution more, as some media queries I added as I expanded the device screen size were quite janky.

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

I know my media queries are a little weird, so if there is any solution that could be more efficient or use less code, that would be good to hear about.

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

I tried to apply some knowledge that I learned from the last challenge about using different CSS units in order to create responsive designs and apply it to this design, such as using rem instead of px.

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

It was difficult getting used to rem, but I did realize how much more effective it is at creating responsive web design.

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

I want to know if I used rem correctly, I kinda just replaced all instances of px with rem and used a media query to resize the container on a mobile phone screen. I also would like to try and use mobile-first workflow on the next project I do, so if anyone has advice or tips about this concept, it would be appreciated.

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

I am confused on how to utilize measurements others than px for things such as font sizes and the widths of containers. I also do not know how to make the font sizes change with the dimensions of the screen as the challenge suggests so if anyone has any resources or advice on how to implement this, it would be very helpful.