Selva Ganesh M• 50
@Selva-Ganesh-M
Submitted
Iniyavan
@Iniy96
All comments
- Iniyavan• 220
@Iniy96
Posted
Hey, Its good to see you finished this project. Enclose the links with anchor(a) tag to make them hyperlinks. You have written all the li s and the link just as text. try wrapping the li s inside the "a" tag.
0 - Aaron Apraku• 130
@aaroncodes4
Submitted
How did you get the picture right at where it is How did you generate the circular div for the picture
Iniyavan• 220@Iniy96
Posted
Hey, it is good at least you thought if doing this project. Get the profile picture at that place using the Position property in CSS. To know more about position property visit this link https://www.w3schools.com/css/css_positioning.asp
To make your profile picture round use border-radius property. To learn about rounded borders visit the link https://www.w3schools.com/css/css_border_rounded.asp
0 - saminstein• 130
@saminstein
Submitted
• I had some issues trying to Style the Picture tag, I am still unsure on how to go about this, Also any useful tip will will be much appreciated for a better responsive Design. Thank you!
Iniyavan• 220@Iniy96
Posted
hey I !, It's a great job so far what you have done. I can see you have given the improper border radius for the image. Instead of using border-top-left-radius or border-top-right-radius separately try using the border property of all the corners at once. The syntax is as follows: img{ border-radius: top-left top-right bottom-right bottom-left; } Example: img{ border-radius: 0 0 10px 10px; } If it is confusing imagine a clock-wise rotation starting from top-left corner.
Marked as helpful
1
