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 How to Make a Website Styling Web Pages and Navigation Style the Image Captions

Images has different sizes

Hello, I started to get out of my comfort zone adding one extra image to my project and the image that I´ve recently added has a different size and I dont know how to fix it, can anyone give me a tip or two about this?

Michael Fish
Michael Fish
7,804 Points

Could you post your html and css code here? I'm sure one of us will be able to help. How to format your code: https://teamtreehouse.com/forum/posting-code-to-the-forum

Hey Michael, thank you for you attention, I figured that out. Thanks again!

2 Answers

Rhonda Kate Johnson
Rhonda Kate Johnson
4,756 Points

If you just want to resize the recent image, you can change the width and height in the html:

<img src="url.png" width=500px height=500px />

The above code would size the image to 500x500 pixels. You can also use percentages instead of pixels (for example, 100% width would make it as wide as the entire containing element).

Hello Rhonda, thank you for your attention! I figured that out. How do I printscreen the codes like you did above? Cheers:)

Rhonda Kate Johnson
Rhonda Kate Johnson
4,756 Points

Hi Julianderson, I just surrounded the typed code with three backticks (```) before and after; there is a link to a Markdown Cheatsheet below the Answer box on this page, which demonstrates this.

Ok!! Huge Thank you all the way from Brazil Rhonda!