All solutions

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

I am most proud of how fast I was able to create a working solution. It is definitely not perfect but I was able to build everything in just a couple hours. Practice is paying off!

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

A challenge I encountered was having different share bubbles for the dynamic screen sizing and how to handle the button interactions.

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

I still don't fully understand how to dynamically size things so that they 1. still match the design exactly, and 2. seamlessly change size while looking good.

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

I took my time to organize my SCSS as best I could and it really paid off in the end when I was adding all the media queries.

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

.

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

.

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

This was my first time using CSS Grid! I am proud that I was able to use it successfully.

I would take more time contemplating how to organize my styles using SASS, I kind of was rushing at the end to just complete the mobile version and it got pretty messy.

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

How to handle the transition from a grid to a column. I wanted to use a grid for both desktop and mobile, but just use a single column grid. I was unable to figure that out but was able to make it work using flex display column rather than grid.

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

I would like some help on handling dynamic font sizes, and keeping proportions of divs/content containers so that everything looks the same as the screen size begins to change before the hard transition caused via media queries. Is there in easy way to do this so that things still look great regardless of the size in between desktop/mobile size?

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

I took the challenge idea up on its suggestion and used Sass/Scss! It was very useful and was fun to learn. I already can see the potential once I really get a handle on it. I am not sure I would do anything different this time around, as I complete more level 1's I feel more confident, more productive, and more efficient!

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

Making the tabs on each of the cards was a challenge figuring out what direction I wanted to go in to make it work. Once I simplified it down the solution became obvious! (position: relative)

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

I would like some best practices on dynamic/responsive sizing for fonts and what is best practice for the transition moment between desktop and mobile styles?

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

.

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

.

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

.

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

.

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

.

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

.

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

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

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

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

I did this project after already completing a level 1 and a level 2 project. I was pleased to see much even just those 2 projects had refined my skills. I quickly knocked this project out with almost no google assistance!

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

The only challenge I had was remembering drop shadow

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

?

I want my screen size changes to be smoother and for the proportions to remain the same. What is the best practice for handling different screen sizes and for dynamic resizing of elements?

When using the figma files for project designs, I can see the exact pixel dimensions for different screen sizes (mobile, desktop), how can I use those values and handle screen size changes easily?

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

.

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

.

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

.