Marginal Utility Web Development 2

Level Help
1

I don’t know how to do this level. Can anybody help me?

2

If somebody could just post the right code, that would be awesome. :upside_down_face:

3

sorry to disapoint you but in the discourse we cant give direct solutions but we give clues so if you could post what code you have right now we could help

4

this is my code.

<!-- Margin and Padding are used to layout elements. -->
<!-- Margin is the space between elements. -->
<!-- Padding is distance between the content and... -->
<!-- ... edge of an element. -->

<style>
    body {
        text-align:center;
    }
    img {
        border:1px black solid;
    }
    .paddedImage {
    /* Padding is the space between the content and edge.   */
        padding:30px;
    }
    .marginImage {
    /* Margin is the space between elements. */
        margin:30px;
    }
    div {
        /* border:1px black solid;
        /* Add the margin property to all div elements: */
        border:1px black solid;
        /* Add the padding property to all div elements: */
        
    }
</style>
<img class="paddedImage" src="http://direct.codecombat.com/file/db/thang.type/54eb540b49fa2d5c905ddf1a/portrait.png"/>
<img class="paddedImage" src="http://direct.codecombat.com/file/db/thang.type/54eb540b49fa2d5c905ddf1a/portrait.png"/>
<img class="paddedImage" src="http://direct.codecombat.com/file/db/thang.type/54eb540b49fa2d5c905ddf1a/portrait.png"/>
<br>
<img class="marginImage" src="http://direct.codecombat.com/file/db/thang.type/578691f9bd31c1440083251d/portrait.png"/>
<img class="marginImage" src="http://direct.codecombat.com/file/db/thang.type/578691f9bd31c1440083251d/portrait.png"/>
<img class="marginImage" src="http://direct.codecombat.com/file/db/thang.type/578691f9bd31c1440083251d/portrait.png"/>
<div>
    I'm a div!
</div>
<div>
    Me too.
</div>
<div>
    Don't forget about me!
</div>
5

this is the part where I do not know what to do. → 

        /* border:1px black solid;
        /* Add the margin property to all div elements: */
        border:1px black solid;
        /* Add the padding property to all div elements: */
6

I have to go. Help me out later!

7

you have to add margin and padding like

margin: 6px;
padding: 10px;
8

Thanks alot. I tried that and it worked!
(P.S. You basically just told me what to do)
aynwats, thanks!!!
:grin:

9

This topic was automatically closed 12 hours after the last reply. New replies are no longer allowed.