All solutions

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

I'm finally getting the hand of responsive websites and typescript. This challenge took me a lot longer to finish considering how many different components there were. Using Sass definitely helped streamline the design process.

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

• I had a lot of trouble in the beginning with figuring out how to integrate Sass with React and Next. I read a lot of documentation and forums to figure that one out.
• I spent a lot of time working on the background components and figuring out how to move them in a way that looks nice when the screen is resized.
• Figuring out how to make the project links disappear on desktop view and appear when hovering over the project thumbnails was pretty difficult. I ended up using chatgpt to help me out with that issue.

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

When it comes to "bigger" projects I struggle with

• File and folder organization
• File and component names

Something that is still very challenging to me is figuring out the best practices for

• styling position: absolute images
• styling mobile views and different iOS style presets

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

I'm proud of getting my website to look very close to the original design file

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

A small challenge I encountered was figuring out how I wanted to style the hero images in desktop view. I have a wider monitor so the page looked a little off when the page was in full screen. I decided to not be too nit picky with it and keep it as it is.

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

Any feedback helps!

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

I'm really starting to get the hand of grids

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

I had to figure out how to position each card in the grid. This website gave me a thorough guide on them. https://css-tricks.com/snippets/css/complete-guide-grid/

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

Any feedback helps (:

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

I'm proud of being able to complete the challenge very closely to the original design all while adding a bit of my own spin to it. I also utilized the mixin feature Sass provides to create reusable cards, that way I can keep my code a lot cleaner.

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

At first I was having trouble getting the top border of each card to look like the original design. The border radius was all weird and wasn't aligning properly. I overcame this by adding a hidden overflow to the card itself. I also had to touch up on some grid properties because it had been awhile since I've used them. I mainly read online documentation to help me solve all of these issues.

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

Would love any feedback. How do you feel about the animation I added to the desktop view? Is it too extra for a simple page like this?

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

I'm proud of how I am developing a consistent folder structure and hammering down the basics by practicing with these simpler challenges.

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

I didn't encounter any challenges.

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

I am open to any feedback (:

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

I'm pretty proud of how fast I was able to finish the challenge. Something I would do differently next time is to prioritize studying the design file and recognizing the repeated styles to really utilize reusable components.

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

I had to familiarize myself with tables and list styles again because it's been awhile since i've used them

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

I would like any kind of feedback (:

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

Im most proud that I was able to complete the challlenge fairly fast after completing the prior challenges

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

I did run into an issue where I nested a div with a class of "card" inside of a main tag and I wasn't able to render the card correctly. After removing the div and naming the main tag "card" I fixed the issue.

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

I don't necessarily need help, but any feedback would be great.

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

Im proud of using what I learned about Sass from the previous challenge to implement into this challenge. I'm also proud of implementing a little animation for the card.

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

The illustration svg that was included wouldn't size down correctly which messed up the border radius styling. I converted the svg into a jpeg, but in turn the image's resolution was not as great.

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

I want to know how other people resolved the border radius situation with the illustration svg

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

I'm proud of using Sass to style my component. Im most proud of using mixin rules for styling alignments and converting pixels into rem.

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

I had to learn how to implement Sass at-rules such as mixin, import, and include. I also had to learn how to install and integrate Sass into the project. I overcame these issues by reading the Sass documentations.

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

I guess I would like help in the organization of my folders and file names.