Jump to content

Help with responsive table

Recommended Posts

Site URL: https://www.carlylecapitalinc.com

Hi! I created the below code to make a responsive table but it is not responsive and the table overlaps and does not show correctly when resizing on computer or mobile. Any ideas how I can fix? 

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  font-family: 'Raleway'
}

th, td {
  border: 1px solid #074E7D;
  text-align: center;
  padding: 8px;
}

tr:nth-child(even){background-color: #B9D0DF}
</style>
</head>
<body>

<table>
  <tr>
    <th width="250px"></th>
    <th width="200px">Purchase</th>
    <th width="200px">Refinance</th>
    <th width="200px">Cash-Out Refinance</th>
  </tr>
  <tr>
    <td><B>Eligible Properties</B></td>
    <td colspan="3">SFR, Condo, Townhome, 2-4 Unit</td>
  </tr>
  <tr>
    <td><B>Loan Amount</B></td>
    <td colspan="3">$100K-$2.5M per property<BR>$50M portfolio maximum</td>
  </tr>
  <tr>
    <td><B>Terms</B></td>
    <td colspan="3">2 year, 5 year, 10 year, 30 year<BR>Fixed Rate or ARM<BR>Amortized or Interest Only Options</td>
  </tr>
  <tr>
    <td><B>Rate</B></td>
    <td colspan="3">4.99%+</td>
  </tr>
  <tr>
    <td><B>Maximum LTV</B></td>
    <td>80%</td>
    <td>75%</td>
    <td>70%</td>
  </tr>
  <tr>
    <td><B>Minimum FICO</B></td>
    <td colspan="3">650</td>
  </tr>
  <tr>
    <td><B>Min DSCR</B></td>
    <td colspan="3">1.10 or higher</td>
  </tr>
  <tr>
    <td><B>Foreign Nationals</B></td>
    <td colspan="3">Eligible</td>
  </tr>
  <tr>
    <td><B>Income Verification</B></td>
    <td colspan="3">No W2s, paystubs, or tax returns required</td>
  </tr>
</table>
</CENTER>
</body>
</html>

Link to comment
  • 2 weeks later...
  • Replies 1
  • Views 380
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.