If you have any advice or feedback, tell me, I will be very happy😊
Visit my site🤩and view my code🤩
Your feedback and your advice are very important for me😊
I would really appreciate some feedback on this project, as I have put in a lot of hard work. I would like it if you guys could look at it and tell me what you think and where I can improve!
CSS grid between the photo and the text and (new section).. give (section new ) more space, Do it by giving the container of these contents for example: grid-template-column: 3fr 2fr; “Give the right side 3fr,and left side 2fr” “I can’t remember the numbers exactly, but I give you an example and do it in your code with your way and experiment.
the text above the Learn more button, use <br> in your HTML code to make it like the original design and do it also with aside text.
put some margin between navigation and the main section, and put some margin between the main section and the aside.
But your work is so good, great job:)
Good luck:)
this is first project for me so it complete easily and i ready to next task
What challenges did you encounter, and how did you overcome them?it too simple so i did't encounter any problem
You can give colors to numbers and dots which are they with (li) elements by doing this: li::marker{color: green;} for example.
give your page more white spaces
give the text a line-height: 1.5; at least, specially with the smaller text.
h1 or the main title, make it’s font-size bigger, and make it less bolder.
give the page itself more padding and give ul and ol elements margin-right
give your webpage a bigger width. and be committed with the ordered colors.
Good luck, and happy coding:)
You can give colors to numbers and dots which are they with (li) elements by doing this: li::marker{color: green;} for example.
give your page more white spaces
give the text a line-height: 1.5; at least, specially with the smaller text.
h1 or the main title, make it’s font-size bigger, and make it less bolder.
give your webpage a bigger width.
and be committed with the ordered colors or as you like😊
Good luck, and happy coding:)
Solving the lists.
What challenges did you encounter, and how did you overcome them?Had to switch to tables instead of lists to get the right results
You can give colors to numbers and dots which are they with (li) elements by doing this: li::marker{color: green;} for example.
give your page more white spaces
give the text a line-height: 1.5; at least, specially with the smaller text.
h1 or the main title, make it’s font-size bigger, and make it less bolder.
and be committed with the ordered colors.
Good luck, and happy coding:)
Use a bigger font-size for h1 or your main title
The background-color shouldn’t be #fff it should be off white(hsl(36, 100%, 99%);)
Use a smaller width for your hole web page
The aside text and the text above “learn more” button, in HTML use <br> to be like the original
change the width of learn more button to be a little bit bigger
I hope you found it useful, Good luck and Happy coding:)
Use a smaller width for your web page
CSS grid between the photo and the text and (new section).. give (section new ) more space, Do it by giving the container of these contents for example: grid-template-column: 3fr 2fr; “Give the right side 3fr,and left side 2fr” “I can’t remember the numbers exactly, but I give you an example and do it in your code with your way and experiment
The aside, use flex box or css grid to make the text nicely aligned to the photo and use a smaller gap between (part 1, part 2, and part3)
the text above the Learn more button, use <br> in your HTML code to make it like the original design
The background-color shouldn’t be #fff it should be off white(hsl(36, 100%, 99%);)
I hope you found it helpful Good luck and happy coding:)
