After creating a web page using HTML, CSS, and Bootstrap, I uploaded it to GitHub Pages. However, when I viewed the page through VS Code, it looked different from how it appeared on GitHub Pages.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Tribute Page Steve Jobs
</title>
<link rel="stylesheet" href="styles.css" />
</head>
<main id="main">
<h1 id="title">Steve Jobs</h1>
<p>American entrepreneur, inventor, and industrial designer, widely recognized as a pioneer of the information
technology era. Co-founder, Chairman of the Board of Directors, and CEO of Apple Corporation. Co-founder and CEO of
Pixar film studio.</p>
<figure id="img-div">
<img id="image" src="https://appleinsider.ru/wp-content/uploads/2020/05/jobs_wallpapers.jpg" alt="Steve Jobs" />
<figcaption id="img-caption">One of the best businessman in the world</figcaption>
</figure>
<section id="tribute-info">
<h2>Steve Jobs Achievements</h2>
<ul>
<li><strong>1976</strong> - along with Wozniak, he founded ‘Apple Computer Company’. Initially, the company mainly
aimed at selling circuit boards. Same year, Wozniak invented the Apple I computer. </li>
<li><strong>1985</strong> - difference of opinion between him and the company’s CEO John Sculley led to Jobs
resigning from his own founded company. In the same year, he founded NeXT Inc. The company was famous for its
technical strengths especially its object-oriented software development system.
</li>
<li><strong>1986</strong> - he bought the Graphics Group (later renamed Pixar) from Lucasfilm's computer graphics
division. ‘Toy Story’ was the first animation film that was released after the acquirement.
</li>
<li><strong>1996</strong> - when Apple acquired NeXT Inc, he returned to his own co-founded company as a de facto
chief in the company and was formally named interim chief executive.
</li>
<li>Under his guidance, a number of projects were disbanded. He introduced a whole new range of products which
steeply increased the sales of the company, making it one of the electronic giants in the world.
</li>
<li><strong>Etc</strong></li>
<ul>
<h4>You can read more about this person here
<a href="https://en.wikipedia.org/wiki/Steve_Jobs" id="tribute-link" target="_blank">Wikipedia article</a>
</h4>
</section>
</main>
body{
background-color: black;
}
#image{
max-width: 100%;
height: auto;
display: block;
}
h1,p,figcaption,h2,h4,li{
color: white;
font-size: 1.5rem;
}
a{
background-color: gray;
color: white;
}
() Picture on live server Picture on live server Picture on github pages Picture on github pages
I attempted to modify the font size, utilizing Bootstrap 5 for the desired effect.