What is wrong with my code???

Highlighted
Tourist
45 0 2

Below is my code for my "become a member" page. The issue is its suppose to be a three column page but the last column is falling under the center column. I dont know whats wrong with the code. Its driving me insane. Anyone have any idea? I appreciate any advice. The page link is https://www.pennsylvaniaparks.org/pages/membership-enrollment

Here is the code:

<meta name="viewport" content="width=device-width, initial-scale=1">

<style><!--

* {

  box-sizing: border-box;

}

 

/* Create three equal columns that floats next to each other */

.column {

  float: left;

  width: 33.33%;

  padding: 10px;

}

 

/* Clear floats after the columns */

.row:after {

  content: "";

  display: table;

  clear: both;

}

 

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

@media screen and (max-width: 600px) {

  .column {

    width: 100%;

  }

}

--></style>

<div style="text-align: left;"><strong></strong></div>

<h1 style="text-align: center;">

<span style="color: #10c90a;">Become A Member.</span><span style="color: #10c90a;"> </span>Make A Difference.</h1>

<h4 style="text-align: center;"><strong>Your membership is a click away. Click on your county below to begin the process.</strong></h4>

<div style="position: relative; width: 100%; height: 0px; padding-bottom: 60%;"><iframe src="http://createaclickablemap.com/map.php?&amp;id=81921&amp;maplocation=pa&amp;online=true" style="border: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe></div>

<div style="text-align: left;"><strong></strong></div>

<h3 style="text-align: center;"><strong></strong></h3>

<p style="text-align: center;"><strong>In the rare event the map isn't working on your device, select your county below:</strong></p>

<p> </p>

<div class="row">

<div class="column" style="background-color: #ffffff; text-align: left;">

<p style="text-align: center;"><span style="color: #000000;">Adams County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Allegheny County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Armstrong County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Beaver County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Bedford County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Berks County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Blair County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Bradford County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Bucks County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Butler County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Cambria County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Cameron County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Carbon County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Centre County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Chester County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Clarion County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Clearfield County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Clinton County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Columbia County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Crawford County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Cumberland County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Dauphin County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Delaware County</span></p>

</div>

<div class="column" style="background-color: #ffffff; text-align: center;">

<p><span style="color: #000000;">Elk County</span></p>

<p><span style="color: #000000;">Erie County</span></p>

<p><span style="color: #000000;">Fayette County</span></p>

<p><span style="color: #000000;">Forest County</span></p>

<p><span style="color: #000000;">Franklin County</span></p>

<p><span style="color: #000000;">Fulton County</span></p>

<p><span style="color: #000000;">Green County</span></p>

<p><span style="color: #000000;">Huntingdon County</span></p>

<p><span style="color: #000000;">Indiana County</span></p>

<p><span style="color: #000000;">Jefferson County</span></p>

<p><span style="color: #000000;">Juniata County</span></p>

<p><span style="color: #000000;">Lackawanna County</span></p>

<p><span style="color: #000000;">Lancaster County</span></p>

<p><span style="color: #000000;">Lawrence County</span></p>

<p><span style="color: #000000;">Lebanon County</span></p>

<p><span style="color: #000000;">Lehigh County</span></p>

<p><span style="color: #000000;">Luzerne County</span></p>

<p><span style="color: #000000;">Lycoming County</span></p>

<p><span style="color: #000000;">McKean County</span></p>

<p><span style="color: #000000;">Mercer County</span></p>

<p><span style="color: #000000;">Mifflin County</span></p>

<p><span style="color: #000000;">Monroe County</span></p>

</div>

<div class="column" style="background-color: #ffffff;">

<p style="text-align: center;"><span style="color: #000000;">Montgomery County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Montour County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Northampton County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Northumberland County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Perry County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Philadelphia County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Pike County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Potter County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Schuylkill County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Snyder County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Somerset County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Sullivan County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Susquehanna County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Tioga County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Union County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Venango County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Warren County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Washington County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Wayne County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Westmoreland County</span></p>

<p style="text-align: center;"><span style="color: #000000;">Wyoming County</span></p>

<p style="text-align: center;"><span style="color: #000000;">York County</span></p>

</div>

</div>

1 Like
Highlighted
Shopify Partner
7555 1041 2619

Hello, @Justin34 

Welcome to the Shopify community!
and Thanks for your Good question.

can you please explain what to do want?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
45 0 2

When you go to the link above on the membership enrollment page, under where it says In the rare event the map isn't working on your device, select your county below: (using a desktop, not mobile device) you will notice how there is a column on the left hand side and the middle but the right hand column is falling under the middle column. I have no idea how to make the third column its very own column. It keeps falling under the middle column. I hope that makes sense.

0 Likes