@HyperHD1Submitted over 1 year ago
How to do the background like the challenge? What can I improve?
Faith
@fnworkAll comments
- @fnworkPosted over 1 year ago
Hello, here are some suggestions
-Your alt tag should have a description in it like "Victor" or "profile picture for Victor" checkout: Checklist - The A11Y Project #for-images-containing-text-make-sure-the-alt-description-includes-the-images-text
-The two circles should have been included in the HTML file (that's how I did mine) and you use position-absolute to position the circle in their respective directions checkout: https://www.w3schools.com/css/css_positioning.asp
Good luck on your next project and happy coding
Marked as helpful0 - @romeoasamoahSubmitted over 1 year ago@fnworkPosted over 1 year ago
Hello, I want to share with you some of the things I have learned here so far from amazing people that you can use in your next project.
- Your font size should be in rem or em and not px
- it is good to move your CSS style to another file, then link it to the HTML file
- make sure to take out the commented sentences before you deploy your project
- if you have some time, please read on Flex and Grid - it will help you with the layout
- lastly, I was introduced to https://utopia.fyi/ (helps with layout, font size, etc.) and https://www.a11yproject.com/ ( is a checklist that helps you with accessibility on your site) - check it out
Good luck with your next project
0 - @ds3071Submitted almost 2 years ago@fnworkPosted almost 2 years ago
Hey there, I just checked your solution and you did good but there is room for improvement. Please here are some links I got from great people over here that will help with your next project.
- https://www.w3schools.com/css/css3_mediaqueries.asp - this link will help you learn about media queries in order to achieve a responsive website
- https://www.w3schools.com/tags/tag_picture.asp - this will help you with displaying the appropriate picture for the screen size
I wish you all the best and happy coding
Marked as helpful1
