I need help in making my codes cleaner and my HTML to have less divs.
I practice my css skill
What challenges did you encounter, and how did you overcome them?I encounter problem for responsive design
What specific areas of your project would you like help with?I want to practice and optimized how to write my code
Hello, nice work!
But I suggest refraining from using pixels as it is not responsive. Remove the width in the card-header class or use a percentage to make the text responsive.
That's all from me and again great work! 👍
Hello Mgamboa 👋
I have few concerns regarding the design:
I suggest adding more padding in your column or first class, so that it has a bigger spaces on the sides.
Next, is the color of the image, I suggest researching about the mix-blend-mode property, to be able to match the color of the image in the design. Specifically for me, I used the mix-blend-mode: multiply
You can check it out here: w3schools mix-blend-mode
Overall, you did a very good job. Keep it up! 💪
Wowww, you really did a good job in doing the challenge!
Your design is spot on and the extra hover effects are cool!
I don't really know what to say, because I am not that experienced yet, but amazing job overall!🙏🙏🙏
Hello there! You did a good job following the designs and completing the challenge 😀
Here are the problems I would like to address:
- Don't start your code by putting it in a <div> even though it is still acceptable, since this challenge only requires one content, it is still a good practice to use semantic elements like <header>, <main>, and many more. So that it is easier to be seen in search engines and makes it more specific.
- The <br> tag is not a semantic element. If a screen reader user is reading the page, they will hear "line break", which breaks the flow of the content. Instead, use CSS properties like margin and padding to add vertical space between elements. (I got this tip from a feedback, so I also wanted it to share to you)
Overall, you did a very good job! Knowing that you just came back from coding 💪
The size of your QR is too big, I suggest reducing the width. But overall, you were able to copy the main design. Well done!
Overall good design! I would suggest adding a bit of margin or padding on the footer to make it a bit easier to read. Good luck!
