how would I make this html code adjust automatically to fit each screen? HTML CO
ID: 3854948 • Letter: H
Question
how would I make this html code adjust automatically to fit each screen?
HTML CODE:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="ex.css">
</head>
<div>
<body>
<img src="Glioblastoma.jpg">
</body>
</html>
<menu>
<li><a href="http://localhost/proj1/test.html">Home</a></li>
<li><a href="http://localhost/proj1/regis.html">Registration</a></li>
</menu>
<section>
<h3> Glioblastoma </h3>
<p> Glioblastoma is the deadliest type of primary brain tumor. The world Health Organization currently ranks how deathly this tumor is
by grades of 1-4. 1 is the only grade considered benign. Grade 2 is called a diffuse astrocytoma; the same type of tumor I had removed
on January 4th, 2017. Grades 3 and 4 are considered cancerous, because of their maligenicy. Grades 3 and 4 glioblastoma are of the highest
recuring cancers. There is currently no cure; the tumor has been dubbed, "The Terminator", as surviving this deadly tumor is almost non existenet
after just 1 year.
</P>
</section>
<footer>
<ul class="column1">
<li><a href="https://www.mdanderson.org/publications/cancerwise/2013/04/understanding-glioblastoma.html" target="_blank"> Understanding</a></li>
<li><a href="https://brain.mgh.harvard.edu/PatientGuide.htm" target="_blank" > Patient's Guide <a/></li>
<i><a href="http://www.abta.org/brain-tumor-information/types-of-tumors/glioblastoma.html" target="_blank"> More Information </a></li>
</ul>
<ul class="column2">
<li><a href="http://www.mayoclinic.org/diseases-conditions/glioma/symptoms-causes/dxc-20129413"target="_blank" > Symptoms </a><li>
<li><a href="https://www.mskcc.org/cancer-care/clinical-trials/15-034" target="_blank" > Coping </a><li>
<li><a href="http://www.curetoday.com/publications/cure/2016/winter-2016/brain-trust-cuttingedge-treatments-on-the-rise-for-glioblastoma" target="_blank" > Hope </a></li>
</ul>
<ul class="column3">
<li><a href="https://academic.oup.com/neuro-oncology/article/15/1/4/1373604/Standards-of-care-for-treatment-of-recurrent" target="_blank">"Golden Standard"</a><li>
<li><a href="https://www.cancer.gov/types/brain/research/immunotherapy-glioblastoma" target="_blank"> Immunotherapy </a><li>
<li><a href="brain.docx" target='_blank' title="My Story">My Story</a>
</ul>
</Footer>
</div>
Explanation / Answer
for the following HTML code you can add the css styling to fit in the ach window as follows:
then in div tag include the id = body .
and your code will fit each window
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.