All solutions

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

I'm proud of learning some new SASS methods as well as continue developing my css grid skills

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

My main challenge was centering the the grid correctly will still having the minimum margins, what I ended up doing was using grid with one column and row to center it using place-items: center;.

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

I would like to get some feedback on how to improve accessibility to the code and also overall code improvements.

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

I'm proud of being able to correctly use the grid-template-area property of css grid and also of correctly implementing the card border highlight.

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

My main challenge was correctly implementing the desktop layout since i was using a template with 2 rows instead of 4. In order to overcome this I used the discord channel and some fellow mentors help me to realize the issue.

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

I would like to get some feedback regarding the accessibility or any code improvement.

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

What I'm most proud of is the mobile first approach that I had during the whole challenge and also that I made the component as accessible as I could off.

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

The main challenge I encountered was regarding the html structure and tags to use, in order to make it as semantically as possible. What I did to overcome this is read a lot of articles online, regarding what the best tags to use in this particular case was. This is one of the articles that helped me out

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

I would like to get some feedback regarding on how to cleanup or simplify the code and how to make it more accessible. Also some help on how to fix the preview error that I'm having.

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

I'm proud of using mixins in my scss, which enabled me to prevent code duplication. Also I'm of making the site as accessible as possible (with my current knowledge)

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

The main challenge I encountered was creating the custom list items, which I overcame by doing some research.

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

I would like to get some tips on how to make this site/code even more accessible and also some tips in order to improve my scss file, other than separating the scss into multiple files.

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

I'm most proud of creating the animations on hover and active states of the buttons, which look cool.

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

I countered 2 main challenges, the first one was regarding the max-width of the card, which it didn't behave as I expected with the margin, this was fixed by using box-sizing attribute. The second challenge that I faced was regarding the animations with the buttons. Which I solved by watching some youtube videos

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

I'm open to feed back regarding the animations as well any code improvements with the simplification of the HTML structure or css.

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

What I'm most proud of are the animations I added for the hover over the card and title. What I would do different is to make sure to code in a mobile first approach, making sure of having completed the mobile layout first and then make any other changes for the desktop version.

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

The main challenge I encountered was regarding the animations. To overcome this I watched a lot of youtube videos and looked over the web for getting more knowledge.

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

I'm open to receive any code improvements suggestions, and mainly getting feedback on how to improve the color text transition, in order to achieve the following animation: transition the color from left to right on hover and again from left to right when the mouse leaves the hover area.

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

My main challenge was centering the body element, while having margin and not overflowing. What I did was setting the body element height to a calculation of 100vh - the margin top + margin bottom. Then I just used flex-box to center it.

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

I would like to reach a "pixel perfect" design, without hardcoding measurements. Also maybe simplify the css or html if possible. Any suggestions are welcomed.