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

HTML Build a Responsive Website Responsive Design Vector Graphics (SVG)

Posted by Andrea Sorrell
Andrea Sorrell
4,736 Points

Responsive Design: SVG Question

When I create my SVG files and then open in text editor the height and width are not set but my image is still small than the video tutorials. Is there something else I should be doing? I am using Adobe Illustrator CC and creating a image with the same size.

here is my code

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     viewBox="0 0 792 612" enable-background="new 0 0 792 612" xml:space="preserve">

here is the tutorial code. I do see differences like viewbox, enable background, and there is no overflow='visible'. Also my version added ide='Layer_1'

<svg version="1.1"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
     x="0px" y="0px" viewBox="-0.109 -0.592 219 262"
     overflow="visible" enable-background="new -0.109 -0.592 219 262" xml:space="preserve">

What can I do to fix issue with SVG file size?