The fact that I managed to improve a little more with Grid CSS.
It's always good to realize that practice really helps us improve.
What challenges did you encounter, and how did you overcome them?Place the top bars on each card.
To solve this, I used the video lessons provided by Wez Bos, who taught me how to do it.
Usually, they say that never give up even if it is hard. I was able to complete this challenge after failing more times. I am continuing to do more projects to improve myself.
What challenges did you encounter, and how did you overcome them?The challenge I encountered was to work on the breakdown of the desktop image which I was able to do after carrying out enough research.
What specific areas of your project would you like help with?More in-page layouts when dealing with containers and articles.
nice work brother. and my opinion you need to fix the picture size. happy coding!
I encountered a challenge while styling `` elements, as I couldn't get the spacing and bullet points to look the way it was in the design, I did a bit of searching and then found out I had to create custom bullet points using ::before pseudo-element, which gave me full control to position the bullet point exactly where I wanted it. Here's a snippet of what I did to achieve my desired result.
ul,
ol {
list-style-position: inside;
}
ul {
margin-right: 2rem;
list-style: none;
}
ul li {
position: relative;
margin-top: 0.5rem;
padding-left: 2rem;
}
ul li::before {
content: "•";
font-size: 1.3rem;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
I'm open to feedback on any aspect :))
Thank you for your time :)
it wasnt very different for me but i like the part that i customise it.
What challenges did you encounter, and how did you overcome them?no challenging me at all.
What specific areas of your project would you like help with?i dont know its perfect.
