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
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! From previous comments, Its truly-true that if you use bootstrap and framework, "helpful sites" for challenges, its not a good thing because you don't learn the raw css that is much more useful. And cannot agree more. Still learning tho, so any help to improve in any part of the code will be appreciated. Thank you!
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! πͺ
Hi there π, Iβm Melvin and this is my solution for this challenge. π
Help:
Built With:
Any suggestions on how I can improve and reduce unnecessary code are welcome!
Thank you. πβοΈ
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!πππ
Hey there! This is my first project on HTML and CSS after a LOOOOOONG time of not coding at all. This was a nice, simple site to help me get into the swing of things, and I feel like I really needed that.
Please let me know about any improvements I can make in the comments!
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!