All solutions

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

This was my first time using Tailwind to create my own solution. I had only done follow-along small projects before. Very proud of being able to get close to the solution.

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

It was my first time trying to make this type of grid with blank spaces.

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

I tried using only relatives values for font-size for the website to be as responsive as I could. I will start learning tailwind soon as I found that bootstrap classes made it difficult to get the specific result I was going for. I tried incorporating a main element and sections as was recommended to me on previous projects.

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

I struggled a lot with changing from one image to the other and changing the layout with bootstrap. I did manage to figure it out, but I would like to figure out more efficient ways of doing it. It was also suggested to me to try to download the fonts instead of importing them, but that didn't work out when I tried it :(

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

I'm trying to find ways to simplify the code as some of it is a bit janky.

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

Added some responsivity for larger screens as the example provided was only for a screen with narrower width than height. This is why my submitted solution will likely be very much wider than the solution comparison. If you open the published site you'll be able to see better.

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

This is only my second project with bootstrap, I am still figuring a lot of things out.

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

If there are areas where I can save some time by dividing or organizing differently. I'll try to implement some SASS instead of CSS to correct bootstrap in the future as nesting styles would've been really useful.

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

I started learning bootstrap today and tried to make this project with as little raw CSS as I could. I made some minor styling change to make it more to my taste and tried setting it up as my landing page for github. I'll have to change my btn-group-vertical to an ul with the btn as li to be able to get spacing between the btn elements.

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

The biggest challenge was trying to translate what I spent the last week learning in raw CSS to the bootstrap that I started learning earlier today. I tried to make it more responsive, but without the figma file it was more difficult to try to get the original layout and sizing right. (though I did make some changes as I wanted the text to be bigger) I'll be starting to learn tailwind soon which should allow me better customization.

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

Looking for general feedback! I'm trying to make my code as clear and concise as I can and would love to hear alternate solutions or suggestions :)

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

I played around to make the site as responsive as possible. Added some media queries to handle landscape modes on mobile.

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

It was my first time using figma, understanding where to find the dimensions and styling was a good challenge.

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

General feedback! Happy to learn and see how others did :)

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

First time using github, it tooks me a while to find out how to add/remove files and edit

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

General tips on optimization.