All solutions

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

I am proud of learning to do grid in tailwind.

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

I could not correctly position the background image on Daniel card, so I used inline styles.

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

Would like to know how to position the background image with an offset on the top right of a card.

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

Most proud of learning how tailwindcss handles grid.

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

There were some challenges getting the grid items to fill in the grid in the correct order: card 3 and card 4 switched places in the grid compared to the layout in the html. Not really sure I know how I did it, but I think setting column start did the trick.

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

Need help with the transitions, making the scale on hover more smooth.

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

Most proud of customizing the theme in tailwind for spacing and colors.

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

Still learning tailwind, so I spent a lot of time looking up stuff on the tailwind docs.

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

Trying to get the the project to look just like the design. Also I uploaded all the files so that I can get help using tailwind correctly. Would love to hear of ways to be more efficient with tailwind. Any tips or tricks are appreciated.

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

I began learning about tailwindcss this week and decided to re-do this chaleenge using only tailwind. I am most proud of including Google fonts into the project, as well as customizing the colors.

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

My first tailwind, so there was a lot of back and forth and looking up "how to do this in tailwind" moments. I am still not convinced that tailwind is superior to Sass or bootstrap, but I am pleased with the customization.

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

Small project so not a lot there. But any suggestions are welcome, especially concerning my implementation of tailwind.

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

Returning to the challenge and fixing a few problems and adding hover states.

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

This was the first time I worked with Figma files. I will need more practice.

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

Making the fonts more responsive.

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

This is version two. I added the missing box-shadow, fixed the font colors, and cleaned up the CSS

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

I had a bit of trouble at first to get a card to span two rows. Eventually researched the problem and CSS tricks showed me how.

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

None at the moment, but anything to improve will be appreciated

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

Most proud of being able to swap the picture when the page goes from desktop to mobile and to make the image align with card content. The picture swap was accomplished in a very easy way that is easy to understand. I was able to create the page very quickly once all the research was done by using sass.

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

Every time I fixed something, something else broke! I tried three different ways to swap the picture and settled on the easiest way. I had a lot of challenges with flexbox and lining up items in the content, then switched over to grid and it worked. I was able to get a lot of good ideas from others who had done the challenge.

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

I tried to use the picture element, but the image didn't scale or respond. Is there some trick to getting the image to fill its div?

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

Most proud of the CSS nesting and learning more about styling list markers. Next time will try prototyping in Bootstrap for a quicker start.

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

I had a hard time analysing the jpg because the color palette put a real strain on my eyes. I had a hard time figuring out what was going on, and what is up with 3 shades of white? I was finally able to begin by looking over over people's work and seeing how they interpreted the styles.

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

The media query is very messy and would like some help cleaning up the styles. Perhaps I need to fix something in the html?

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

I am most proud of the Sass variables working correctly. I had to do some research, and ultimately followed Jessica Chan's Youtube video on the subject. Have not decided if I will stick with them; I may just go back to css variables.

I also learned how to use sass maps. I did not end up using them, as they added nothing in this instance.

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

I was challenged mainly in sass variables and getting them to work. I also struggled with maps. I initially had problems with the image not loading, but I was using an incorrect file path

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

nothing in particular

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

Proud I was able to redo this using sass, sass partials

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

using sass variables. ended up using regular css variables

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

nothing so far. I'm pretty happy with it as is

There were a few things I was unable to solve:

How can I get a radio button to focus and active using keyboard?

The background doesn't look quite right on my smart phone; am I doing something wrong with background-image?

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

learning to use Sass variables

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

I had a bit of trouble with centering the card at first; check on solutions to other challenges by other people and was able to finally get it centered

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

my h1 breaks the line differently than the design jpg

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

I am most proud of the fact the project gave me a chance to practice grid. I have been concentrating so much on flexbox, I had to review a lot of things to make it look the way I wanted it to.

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

The point of the project was two-fold; practice grid, and continue working with Sass. Organizing the Sass most efficiently is always a challenge, but one I had analyzed the project properly, it went smoother.

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

Nothing at the moment

I tried this with both flexbox and grid layouts, and ultimately went with flexbox. Which of these approaches is best?

Anyone know why the jpg isn't switching correctly? And why are the dimensions off?

Need some suggestions on organizing the stylesheet to make it more readable. Any suggestions welcome.