Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Kartikey Shahi
Kartikey Shahi
Courses Plus Student 2,002 Points

how to solve this problem ?

Hey i want to create an stylin to image same as treehouse blog(circle image) has http://blog.teamtreehouse.com/html-css-still-relevant-designers-2016

I try to do the same here is my code 

     <div id="wrapper">
         <div class="profile">
            <img src="profile.jpg" class="pic">
            <span>ABC</span>
         </div>
     </div>
//css
    *    {
        margin: 0;
        padding:0;
     }
        #wrapper{
            max-width: 100%;
            background: #222;
            color: #fff;
            height: 350px;
            margin: 100px 0px;
            position: relative;
        }
        .profile{
            text-align: center;
            position: absolute;
            top: -10%;
            left: 44%;
        }
        .pic{
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 5px solid #dcdcdc;
        }
        span{
            display: block;
        }
Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Hi,

do you mean the image behind the article title?

2 Answers

Kartikey Shahi
PLUS
Kartikey Shahi
Courses Plus Student 2,002 Points
Kartikey Shahi
Kartikey Shahi
Courses Plus Student 2,002 Points

Yes , but i got the solution now thanks

Gianmarco Mazzoran
Gianmarco Mazzoran
22,076 Points

Well done!

Indranil Tiwary
Indranil Tiwary
9,341 Points
Indranil Tiwary
Indranil Tiwary
9,341 Points

Make the border radius 100%.

Kartikey Shahi
Kartikey Shahi
Courses Plus Student 2,002 Points

how border-radius solve this problem ? i want image in circle for that image should have border-radius of 50% ... thanx for your attention