Able to complete this challenge
What challenges did you encounter, and how did you overcome them?I had challenges with the javascript DOM, but I was able achieve what I wanted to do and it worked. I have to practice more to be conversant with it.
What specific areas of your project would you like help with?Understanding more about Javascript DOM
Noted, I will get back on it an do the suggested correction you have stated. Thank you
I think something to be proud of is that it turned out acceptable XD, I think I have to name many things better, especially when going from mobile to desktop, surely there is a faster way to solve it.
What challenges did you encounter, and how did you overcome them?The challenge was how to interface with the active state, which turned out to be different from the desktop state, in the end I managed to solve it using position in CSS.
What specific areas of your project would you like help with?How to go to the next level, I would have to do it with React.js and Tailwind, I have seen, I try to do it with html and css to practice but I must also review React.js
Your work is mostly neat and I like your naming conversion for your classes. Keep it up. and Great Job!
I have been learning JavaScript for two months now, and I want to refresh my knowledge of CSS and HTML.
Well done! looks good. Keep it going
Well done, keep it going :)
Definitely liked the mobile-first approach that I tried for the first time.
What challenges did you encounter, and how did you overcome them?Didn't know about the picture html element, the links provided in the learning path leading to web.dev docs helped a ton.
You are killing it. Great Job! Keep it going
I was able to style the tables
What challenges did you encounter, and how did you overcome them?I faced challenges with getting the bullets to behave, I found a way around it through research.
What specific areas of your project would you like help with?None for now
Great job keep it up. I'm sure you did it without the Figma file. It looks so close to it, just left with the right padding and margin value that will make it fully identical but you did good. Well done.
I am proud to have completed this challenge as accurately as I could without the use of Figma files, and I am proud of the animation hover effects I created using just HTML and CSS. I am continuing to try to improve my use of Semantic HTML and site responsiveness.
What challenges did you encounter, and how did you overcome them?The challenge posed was trying to approximate unit lengths for the elements (margins/padding etc.) without the use of a Figma design. I attempted to approximate these details as accurately as I could using Macs Preview application with the provided design jpgs. I was able to click and drag between items in the image and get a number in pixels to then use in my CSS code.
What specific areas of your project would you like help with?I am always open to constructive feedback, especially if there are any potential areas that are generally considered best practices that I should be incorporating into my code, or if there are design patterns that I could better be utilizing to improve my code.
Your work looks good, well done.
font-weight: 600; or font-weight: 700. I think it will look better.<article></article> use <main></main> instead. I took this knowledge from this article since it the best practices of semantic HTML.
I hope this helps, also learning here but feel free to correct me if I am wrong.
Great job once again.These are my suggestions for your solution:
: hover property to your card, try to do so to have the hover effect on the card. And not to forget, make sure you make the cursor: pointer to make the mouse pointer when hovered on the card to change to a pointer.I think these will help. regards
Below are my feedback on your solution:
