From 21bdaba9840e4bf92eeb62ba753730079d3a8c49 Mon Sep 17 00:00:00 2001 From: Gregory Gubarev Date: Wed, 31 Oct 2018 22:56:51 +0400 Subject: [PATCH] Responsive Web Design: Added hint to Make Circular Images with a border-radius (#21897) Added hint to Make Circular Images with a border-radius (https://guide.freecodecamp.org/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius and https://learn.freecodecamp.org/responsive-web-design/basic-css/make-circular-images-with-a-border-radius) --- .../index.md | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/guide/english/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md b/guide/english/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md index 9022d88940..011038e5e0 100644 --- a/guide/english/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md +++ b/guide/english/certifications/responsive-web-design/basic-css/make-circular-images-with-a-border-radius/index.md @@ -3,8 +3,18 @@ title: Make Circular Images with a border-radius --- ## Make Circular Images with a border-radius -This is a stub. Help our community expand it. - -This quick style guide will help ensure your pull request gets accepted. - +We need to give our cat photo a ```border-radius``` of ```50%```. + +### Solution + +In class ```smaller-image``` add a ```border-radius``` of ```50%```: + +```css + .smaller-image { + width: 100px; + border-radius: 50%; + } +``` + +This class already assigned to our ```img``` element and making it perfectly circular.