Highlighted

Why the circular image?

New Here ,
Dec 20, 2018

Copy link to clipboard

Copied

The image at the bottom that says "Placeholder Picture" is round, but the image is a regular. Why is there a circle clipping out part of the square?

All Together Now

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

That's round because the image uses the profile-img class. That class gives a 50% border-radius in the css turning the square container into a circle.

Views

178

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Why the circular image?

New Here ,
Dec 20, 2018

Copy link to clipboard

Copied

The image at the bottom that says "Placeholder Picture" is round, but the image is a regular. Why is there a circle clipping out part of the square?

All Together Now

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

That's round because the image uses the profile-img class. That class gives a 50% border-radius in the css turning the square container into a circle.

Views

179

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Dec 20, 2018 0
Adobe Community Professional ,
Dec 20, 2018

Copy link to clipboard

Copied

That's round because the image uses the profile-img class. That class gives a 50% border-radius in the css turning the square container into a circle.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 0
Adobe Community Professional ,
Dec 20, 2018

Copy link to clipboard

Copied

  1. Open your site in a browser like Firefox or Chrome. 
  2. Right-click on an element and select Inspect Element
  3. The developer panel shortcut is F12.

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Dec 20, 2018 1
New Here ,
Jan 16, 2019

Copy link to clipboard

Copied

Thanks Jon and Nancy!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 16, 2019 0