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

Mukund Narasimhan
PLUS
Mukund Narasimhan
Courses Plus Student 9,443 Points
Posted by Mukund Narasimhan
Mukund Narasimhan
Courses Plus Student 9,443 Points

https://w.trhou.se/5c7ye9r1bn in the preview i am not getting small image of animal its covering entire page

in the preview i am not getting small image of animal its covering entire page how to reduce the size of that image and make it small at center

3 Answers

Garret Witzenburg
.a{fill-rule:evenodd;}techdegree
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points

Sorry, there isn't any way for me to do that right now. Going through the course videos could help you understand any concepts that you may have missed! I believe the concepts are covered in CSS Basics:) (though you might have already gone through that).

Garret Witzenburg
seal-mask
.a{fill-rule:evenodd;}techdegree
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points
Garret Witzenburg
.a{fill-rule:evenodd;}techdegree
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points

To make an image or container smaller you can put a max-width or width property on it by writing "max-width:" (or "width:") and then a pixel or percentage value. to center it on the page or in the container you can make the side margins "auto".

Mukund Narasimhan
Mukund Narasimhan
Courses Plus Student 9,443 Points
Mukund Narasimhan
Mukund Narasimhan
Courses Plus Student 9,443 Points

thanq @garret and one more question after reducing the width property how to keep the paragraph again in the middle of the image??

Garret Witzenburg
seal-mask
.a{fill-rule:evenodd;}techdegree
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points
Garret Witzenburg
.a{fill-rule:evenodd;}techdegree
Garret Witzenburg
Front End Web Development Techdegree Student 6,161 Points

For that you can use the "text-align:" property and set it to center.

(text-align: center)

Mukund Narasimhan
Mukund Narasimhan
Courses Plus Student 9,443 Points
Mukund Narasimhan
Mukund Narasimhan
Courses Plus Student 9,443 Points

i am doing sample project struck in the middle is there any chance of helping me out virtualy