Hi all, i am working on a portfolio website and I ran into an issue where my div blocks and content won’t stay centralized when resizing the page window. I can not seem to figure out the issue. Any insights?
/*CSS code
`#timeline {
background-color: rgba(255, 255, 255, 0.99);
height: auto;
width: auto;
padding: 15px;
}
.job-time {
padding-top: 0px;
padding-left: 540px;
padding-right: 80px;
border-right: 1px solid;
border-color: gainsboro;
padding-bottom: 0px;
margin-bottom: 0px;
}
.job-desc {
padding-top: 0px;
padding-left: 110px;
padding-right: 200px;
padding-bottom: 0px;
margin-bottom: 0px;
}
.timeline_head {
font-weight: bold;
white-space: nowrap;
}
/*HTML Code
`<div class=”container-fluid” id=”timeline”>
<table>
<tr>
<td class=”job-time” id=”Experience”>
<span class=”timeline_head”>2017-CURRENT</span>
<br />
<p>Geologist II</p>
</td>
<td class=”job-desc”>
<span class=”timeline_head”>Current Job</span>
<br />
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo
</p>
</td>
</tr>
<tr>
<td class=”job-time”>
<span class=”timeline_head”>2016-2017</span>
<br />
<p>Assistant Manager</p>
</td>
<td class=”job-desc”>
<span class=”timeline_head”>Old Job 2</span>
<br />
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo
</p>
</td>
</tr>
<tr>
<td class=”job-time”>
<span class=”timeline_head”>2007-2016</span>
<br />
<p>Old Job 1</p>
</td>
<td class=”job-desc”>
<span class=”timeline_head”>US ARMY CORPS OF ENGINEERS</span>
<br />
<p>
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo
</p>
</td>
</tr>
</table>
</div>`
Sorry for all the HTML code not being formatted in the code blocks, new to the site and not sure why that is happening.