All solutions

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

I do not feel really proud because I felt a bit lost trying to keep my design as close as the provided by the challenge, but, somehow I tried to make it work.

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

Not having the measurements made my job more difficult in some ways. I felt a little lost in this regard, I didn't know if I was even getting close to the design. For this reason the project looks bigger, I think I will modify it in the future.

I had trouble setting a color for the numbers in the ordered list, but I discovered the ::marker pseudo-element and solved that problem (it worked for me at least).

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

Any feedback is welcome 😊

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

This time I am really proud of the general design, I feel this was the first time I was able to make my design look like the one provided.

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

In this challenge, I had to make sure that every time I hovered over each item in the list, the background changed to green, the text to black, and the cursor to a particular icon.

I knew how to implement the changes for the li element upon hovering, but I was unsure how to extend these changes to the nested a element.

I did some research and came across the inherit keyword and used it within the a selector. Because of both the color and cursor properties are set to inherit, the text color and cursor of the li element influence those of the nested a element upon hovering. This occurs as the a element naturally inherits the color and cursor properties of its parent li element.

I hope this was the correct way of solving my problem ( suggestions are appreciated)

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

I would appreciate comments on the usage of inherit in my project since it was the first time I used it.

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

• Not having the measurements made my job more difficult in some ways. I felt a little lost in this regard, I didn't know if I was even getting close to the design. For this reason the project looks bigger, I think I will modify it in the future.

• I had trouble setting a color for the numbers in the ordered list, but I discovered the ::marker pseudo-element and solved that problem (it worked for me at least).

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

Any feedback is welcome 😊

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

One of the aspects of this project that I take great pride in is effectively bringing the blog preview card to fruition while staying true to the original design. Witnessing the interactive hover effects come alive was particularly rewarding as they significantly enhanced the overall user experience.

In the future, I plan to dedicate more time to extensive testing across different browsers and devices to guarantee full compatibility and smooth performance. Furthermore, I aim to optimize my workflow by investigating new tools and techniques that can enhance efficiency while maintaining high-quality standards.

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

Luckily, having the measurements available this time made it much easier for me to create a solution that closely resembled the desired outcome. That's why this project didn't feel as difficult for me.

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

I would appreciate guidance on further enhancing the responsiveness of the blog preview card. Moreover, any suggestions for improving the overall user experience and refining the design details would be valuable contributions to the project.