Responsive Web Design Projects - Build a Tribute Page

Pleas help me with the issues arising.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Tribute to Shaheeh Bhagat Singh</title>
</head>
<body>
	<main id="main">
		<div id="heading" class="center">
		<h1 id="title" class="center">Bhagat Singh</h1>
		<p class="font"><i>The man who loved freedom</i></p>
		</div>
		<div id="img-div">
			<img class="center" id=image src="https://www.peakpx.com/en/hd-wallpaper-desktop-wngmu" alt="Sarfaroshi ki tamanna ab hamare dil mein hai
Dekhna hai zor kitna baazu-e-qatil mein hai
Waqt aane pe bata denge tujhe ae aasmaan
Kya bataye hum junoon-e-shauk kis manzil mein hai">
			<div class="center"><br>
			<p id="img-caption" class="font">Inquilab Zindabad</p><br>
			</div>
		</div>

		<div id="tribute-info" class="center">
			<h2 class="font">Here's a time-line of Bhagat Singh's life:</h2>
			<ul class="font" style="text-align: justify;">
				<br>
				<li><b>1907 </b> -Shaheed Bhagat Singh was born on September 27th ,1907. Singh was influenced by a number of incidents during his childhood which established a deep sense of attachment to the independence of India in him.)</li>
				<br>
				<li><b>1919</b> - Bhagat Singh visited  Jallianwala bagh at the age of 12. A lot of people gathered in a public meeting and they were fired upon by the British government without any warning, killing hundreds. Bhagat Singh witnessed the whole event watching the deaths of many innocent people and   who were victims of discrimination. </li>
				<br>
				<li><b>1924</b> - He ran away from his house to Cownpore from his family to avoid getting married. It is also belived that he went to Cownpore to attempt to free kakori train robbery convicts from jail, but returned to Lahore for unknown reasons.</li>
				<br>
				<li><b>1928</b> - Bhagat singh took vow to take revenge of Lala Lajpat Rai's death who led a silent protest but the police responded with violence. Singh joined other revolutionaries to plot the death of James A. Scott. Scott was the superintendent of police, he ordered the police to Baton charge the protesters. The plot of killing Scott went wrong and Singh  killed J.P Saunders instead.</li>
				<br>
				<li><b>1929</b> - He and Batukeshwar Dutt threw two bombs in Central Legislative Assembly. And were then arrested. After they were arrested, they witnessed discrimination between European and Indian prisoners. Singh led other prisoners in a hunger strike to protest this. They demanded equality in standards of food, clothing ,                                   toiletries, and other hygienic necessities.</li>
				<br>
				<li><b>1931</b> - Bhagat singh , Rajguru and Sukhdev were hanged on 27th March, for Lahore Conspiracy Case.</li>
				<br>
			</ul>
		</div>

		<div class="center">
			<p class="font"><i>" I have been arrested while waging a war. For me there can be no gallows. Put me into the mouth of a cannon and blow me off."</i>
				—The Legend Of Bhagat Singh</p>
				<br>
			<h3 class="font">You can learn more about this incredible man on
				<a href="https://en.wikipedia.org/wiki/Bhagat_Singh" id="tribute-link" target="_blank">
				Wikipedia.</a>
			</h3>
		</div>

	</main>
</body>
</html>
/* file: styles.css */
#title {
    font-size: 400%;
    width: 60vmax;
  }

.center {
    margin: auto;
    padding: auto;
    text-align: center;
  }

#image {
    max-width: 100%;
    height: auto;
    display: block;
  }


  @media only screen and (min-width:480px)
  {

  }

  @media only screen and (min-width:767px)
  {

  }

  @media only screen and (min-width:991px)
  {

  }

  @media only screen and (min-width:1200px)
  {
 .font {
    padding: 0px 200px 15px 200px;
        }
  }

  @media(orientation: landscape)
  {

  }

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

Hello and welcome to the forum!

Could you describe the issues you’re facing please? Are you getting error messages? Which tests are failing? Learning to describe problems is tricky but the more you say, the easier it is for us to help you!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.