https://codepen.io/m-mohamud1/pen/OJVgZPM

HTML-CSS
#1

Tell us what’s happening:
Hi So I have just started to code very recently and while doing my tribute page I used a google image which was originally way to big but is an ideal photo as it fits seamlessly on the page due to the background colour and with some scaling i am pleased with the size and position of the h1 element and the img element however when i try to adjust the p element nothing happens please let me know if I can move the p element up so its right underneath the img element

Your code so far
html{
font-size: 10px;
transform: scale(0.5)
position:relative;
bottom:300px;
}
Body{ font-family: Lobster;
font-size: 30px;
line-height: 1.5;
text-align: center;
color: #333;
margin: 0;
}
h1{
font-family: Lobster;
font-size: 90px;
transform: scale(1)

}
img{transform: scale(0.3);
position:relative;
bottom:400px;

}
p{
font-family:Bevan;
font-size:20px;

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

#2

Welcome to the forums @mmohamud720. It would be easier to provide help if you provide a link to your codepen so we can see what’s going on.

#3

Thanks,
https://codepen.io/m-mohamud1/full/OJVgZPM This is the url

#4

Instead of transform why not try something like width: 40%;

As an aside, in codepen the link to your font would go in the box labeled ‘Stuff for <head>’

#5

Thank you so much for the help I really appreciate it

#6