I used the challenge as chance to further my experience in creating webpages using HTML and CSS, based on a pre-made design. I didn't have any major difficulties in completing this challenge, but any feedback is appreciated.
Great Job Sir, When The Website Works With Small Screens Like 320px, That Wonderful Job
...made with a lot of love 🤘🏻🙂
Just WOW, Amazing Job Bro. just a question, how did you color the numbers of the instructions list ?
I'm proud that I made image hover effect.
What challenges did you encounter, and how did you overcome them?I haven't known how to make a image hover effect. This was due to a bad approach. I wanted to animate the icon and background separately. Finally, I added a new div set to absolute position which contained the icon and the desired background.
What specific areas of your project would you like help with?I think a general look at my code. I don't know if I'm doing it the right way.
Improving accessibility
What challenges did you encounter, and how did you overcome them?It was an easy challenge, but I know I will face more complex challenges in the future.
What specific areas of your project would you like help with?I didn't know how to hover the mouse over the title to change the shadow size, I solved it with the has pseudoclass:
"I'm satisfied because it looks identical to the design; I could make it a bit more dynamic by making the texts and the QR code change."
What challenges did you encounter, and how did you overcome them?"Seeking to match the colors and sizes to those in Figma and encapsulating all of that in Tailwind variables to address it, I searched through the documentation."
What specific areas of your project would you like help with?"I am open to receiving criticism and contributions in all aspects, but I would like to emphasize responsive design."
Great Job My Friend, I Have A Notice About Your Work, it's Not Responsive With The 320px Width Screens. But At All It's A Great Job. Good Luck
