All solutions

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

NA

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

Challenges Encountered:

1. Aligning the created image or button to be fixed at top of the container. used margin-block-end: auto; or if the sibling has more content than single line
2. mark the color of SVG cross icon
3. maintaining the state of the different filters

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

NA

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

NA

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

NA

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

NA

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

I continued to use BEM methodology and Mobile First in this project. I tried to use SASS in my next project and along with BEM and Mobile First approach.

I m exploring on Grid System.

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

I have trouble in placing the cards in correct position. I figured out way using grid-template-areas. we can always use other methods like grid-column and grid-row in child items to achieve that.

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

NA

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

I have written CSS in BEM methodology. I m still learning it. I also implemented style in grid system.

I also learned...

• ... that applying box-radius in container of image doesn't apply the box-radius to image. image will override style from parent. To make images inherit the styles, i used box-radius: inherit in image
• ... about .visually-hidden, how it helps screen-headers to read content, yet content is hidden from displaying

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

Writing CSS in BEM some what tricky at first. I need to explore and try other projects to fully understand it.

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

Please provide suggestions on using BEM methodology. How to improve my code in Accessibility

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

I have learned a lot in the project. Especially using ems for media queries, css resets. I ll try to do mobile first and go for desktop in next time.

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

Table like layout with correct dimensions as mentioned in figma. I have used Flexbox to achieve that.

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

when i am trying do to html structure, i always go from section by section rather identifying the layout it has. whether i need to change my approach

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

Able to complete without figma files.

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

without figma files, i have faced a challenge to design with assumptions

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

suggestions to Improve css

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

I m very much happy to be able to complete the solution in quick span of time

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

Challenges are

1. to set width for different screen sizes
2. to set style when doing mouse-enter

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

Regarding the spacing between each content. Need suggestions on how to improve on the CSS Skills.

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

I m very much happy to be able to complete the solution and submit.

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

Challenges are

1. to align the card in the center of the page
2. to align the content in the card

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

Regarding the spacing between each content. Need suggestions on how to improve on the CSS Skills.