JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/xhtml; charset=ISO-8859-1"/>
<title>8 signs</title>

<link type="text/css" rel="stylesheet" href="home.css"/></head>
    
    
<body>
   <div id="header"><img src="../images/8header2.png" alt="8signs header image"/></div>
 
    <div id="main">
        <p>
            <a href="home.htm">Home</a>
            <a href="about.htm">About</a>
            <a href="../portfolio/portfolio.htm">Gallery</a>
            <a href="../contact/contact.htm">Contact</a>
        </p>
        <h1>Welcome</h1>
        <p>8 Signs would like to give you the opportunity to better your business through branding and advertising. A well designed sign can bring more customers your way. Be noticed and reap the benefits. Here are some of the best ways to put your company firmly in the public eye.</p> 
        <p></p>

        <table id="table">
            <colgroup>
                <col width="16.6%" />
                <col width="16.6%" />
                <col width="16.6%" />
                <col width="16.6%" />
                <col width="16.6%" />
                <col width="16.6%" />   
            </colgroup>
            <tr>
            
                <td colspan="3">
                    <a href="../portfolio/van.htm"><img src="../images/van.png" alt="vehicle graphics" width="340" height="160" class="picture"/></a>    
                </td>
                
                <td colspan="3">
                    <a href="../portfolio/fascia.htm"><img src="../images/shop.png" alt="shop fascias" width="340" height="110" class="picture"/></a>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <a href="../portfolio/banner.htm"><img src="../images/banner.png" alt="Banners" width="280"...

CSS

body  {
width: 790px;
padding: 0px 50px 50px 50px;
margin-left: 100px;
margin-right: 100px;
background-color: #483D8B;
font-family: Trebuchet MS, Geneva, sans-serif;
font-size: small;
}

#header { 
width: 790px;
margin-left: 100px;
margin-right: 100px;
border-width: 0px;
padding: 10px;

}

#main
 {width: 790px;
    margin-left:100px;
margin-right: 100px;
background-color: #fefefe;
padding: 10px;

 }
        
#table
 {
margin-left: 20px;
background: #fefefe;

}       

image {
border-color: #fefefe;
padding: 0px 10px 0px 10px;
}