TravelAmore / TravelAmore.github.io

Company Website for school project.
MIT License
0 stars 1 forks source link

Add photo and comment to home page #15

Open Claire-Crawford opened 6 years ago

Claire-Crawford commented 6 years ago

.. small photo with welcome message

Claire-Crawford commented 6 years ago

tried doing this ... Got the photo added but couldn't position it where needed.

comaldave commented 6 years ago

Use position fixed if you want your code to be positioned relative to window other wise use position: absolute if you want it to position relative to document.

Relative to screen:

.background-img{
    position:fixed;
    left:20px;
    bottom: 100px 
}

Relative to document

.background-img{
    position:absolute;
    right:10px;
    bottom: 10px 
}

Since you are wanting to place both text and img on the screen, create a

put your figure and h3 and p elements in this box. set the width and or height of the box position the box