All solutions

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

I have learned how to use 'z-index' properity to make button ':hover' effects active.

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

Aligning icons with texts was a bit challenging but with research i have found a solution.

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

Any suggestions on making this code more clean and accessible will be great. Thanks :)

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

It was a good practice for using grid layout and 'grid area' properity.

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

Making column widths as requested from the challenge was a bit challenging. I tried different values and found the solution.

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

I gave the 'grid-template-colums' some values in 'rem'. So my project is technically not fully responsive. If you have any ideas on how to make this project look exactly like the challenge without using fixed values for column width, i am open to suggestions.

Thanks in advance. :)

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

I had little knowlage about grid before this challenge. After watching tutorials and reading documents about grid, i was able to find a solution for desktop and mobile designs.

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

Aligning containers like a diamond using grid was a challenge. I used 'grid area' properity to find a solution.

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

Any suggestions and feedbacks on any topics are very much appreciated! Thanks.

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

I have used basic media queries and understanding the purpose was satisfiyng.

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

Adjusting line height on and elements did require me to research. I found the solution in a short time. Also aligning svg icon with a text required a research but i've found a way to do it with changing the display properity of icon.

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

I want to write more clean and accessible code. I did my best here but still i am not 100% comfortable. Any suggestions and feedback will be appreciated! Thanks.

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

I ve researched and found solutions on using media queries. I was not very familiar with it before, but i will use it on my future projects.

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

Adding styling to markers was a bit challenging. With some research i've found '::marker' properity wich helped me to build my project.

I was not familiar with using media quaries. Again with research i've found what i sould and how i should use queries.

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

I could not found a way to add '' between table rows so i have used 'border-bottom' attribute on each '' item and got a closer solution. But i could not found a useful code to delete the last rows border. I am sure there is a way to do it efficently. Any suggestions will be very helpful! Thanks.

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

I feel like i am getting used to writing HTML and CSS code. At some point, i wanted to cover a container with a link inside but i couldnt figure it out. After some research i found that it was very simple and i realized i might forget some easy to remember things.

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

Understanding which element is 'block' by default was hard to remember. I did some research and found the solution.

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

I feel like i need some help to understand how to make this project responsible on all devices. Any feedback will be appreciated.

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

Doing research to find a solution for responsive text-sizing was challenging but fun. I have learned the 'calc()' function on CSS. Tried different inputs to find the best version that suited my project. Before i have used 'px' values to arrange font-sizes. From now on i will try to use 'rem' and 'em' properities because they are much better for adaptive and responsive code.

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

Aligning a small image with a tag was a bit challenging first. I have tried to use 'text-align' and 'vertical-align' properities on CSS but it didn't work. Finally i have decided to use 'display: flex' and find the solution.

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

Doing research to find a solution for responsive text-sizing was challenging but fun. I am sure there is a better and cleaner way to optimize that. I am open to ideas and suggestions!

Any feedback will be appreciated.

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

Aligning img and descriptions was a bit challenging. I had to do some research on W3schools plus going back to CSS videos from my boothcamp. Finding solutions was not that hard and appliying them was easy.