Hello people,
i have just started to work on my project for the tribute page but it appears i haven’t got anything right…
I managed to signup for codepen and did my project aside and the results were seemingly correct.
please follow these links to help out: https://codepen.io/Cynthia7/pen/OJyrvyr , that is for the code https://codepen.io/Cynthia7/full/OJyrvyr , for the full display of the result.
thanks ieahleen,
but when i add the script tag, there is no fault with the main.
May you please identify to what i should give the id attribute of main
One last problem please,
i have been challenged upon getting to center the image element within its parent element.
i have used the text-align: center; but still failed the task.
please follow: https://codepen.io/Cynthia7/pen/PoPXRBr
Also, you should use the <figure> and <figcaption> tags to display images with a description.
<figure id="img-div">
<img id="image"src="https://geniusrevive.com/wp-content/uploads/2017/06/Jesus_Christ.jpg" alt="The King of Jews">
<figcaption id="img-caption">Christ at the cross</figcaption>
</figure>
I noticed the id = "main" was on the <html> tag not the <main> tag. You should probably fix this.
Your page is currently not responsive. You can add responsiveness with this:
@Lafen
I made adjustments as you suggested and the page looks great.
i also added adjustments to the link. thank you.
i have a question though, may you please explain the responsiveness of the page?
I must admit, your page looks great now. Congratulations!
It is currently responsive. You can make it better by adding responsiveness to the font-size of the page. There are several ways of accomplishing this but I’ll advice you use rem units instead of px for all font-sizes on the document.
You can proceed by adding a font-size ( in px) to the html element which all the other elements will inherit.
Lastly, use a media query to change the font-size of the html element on smaller devices.