search

alexmines / leafy-decorations

Use background images to create design elements on a masthead & banner.
0 stars 0 forks source link

Two Leaf & Background Image gradient #1

Open alexmines opened 7 years ago

alexmines commented 7 years ago

@hellachella

I can't seem to get the two-leaf.svg to align with the screen shots and the background image is the right rgba but it doesn't match

hellachella commented 7 years ago

Hey @alexmines

Can you show me a screenshot of what it's doing?

C

alexmines commented 7 years ago
screen shot 2017-10-02 at 2 40 04 pm screen shot 2017-10-02 at 2 40 32 pm

@hellachella As the screen gets bigger its in the right spot but slightly the wrong size, but smaller screen sizes is in the completely wrong spot

hellachella commented 7 years ago

You have to be more specific that just background-position: left center; on this guy. This one is trickier and requires that you find more specific x & y coordinates in pixels and/or ems.

Put the x coordinate first (left to right) and then the y coordinate (up and down). for example:

background-position: x y; (Swap out the x & y for your coordinates. )

written like this:

background-position: 1em 100px;

note: these are not the right coordinates for this assignment. Just an example of how it could be written