David Schure
asked on
Same Code Different Result
http://www.mediascrubber.com/09-Legacy.html
The Legacy section is how it should be. The event section does not react the same way. Its doing a vertical stack. Any solutions to this? Please.
The Legacy section is how it should be. The event section does not react the same way. Its doing a vertical stack. Any solutions to this? Please.
<!-- START SINGLE GALLERY SECTION -->
<section id="single-gallery">
<div class="section">
<div class="grid">
<div class="grid-sizer"></div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Julio.png" alt="Julio Iglesias"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Amel.png" alt="Amel Larrieux"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Kelly.png" alt="Kelly Rowland"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Bennet.png" alt="Tony Bennet"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Adele.png" alt="Adele"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Skylar.png" alt="Skylar Stecker"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/SkyBlue.png" alt="Sky Blue"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Waka.png" alt="Waka Flocka Flame"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Destiny.png" alt="Destiny;s Child"></a>
</div>
<!--Add More-->
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Yolanda.png" alt="Yolanda Adams"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Monica.png" alt="Monica"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Maxwell.png" alt="Maxwell"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Michelle.png" alt="Michelle Williams"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Mariah.png" alt="Mariah Carey"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Mathis.png" alt="Johnny Mathis"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Jessica.png" alt="Jessica Simpson"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Legend.png" alt="John Legend"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Prince.png" alt="Prince"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Wilson.png" alt="Nancy Wilson"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Carter.png" alt="Aaron Carter"></a>
</div>
<!--Add More End-->
</div>
</div>
<div id="popup-container">
<div class="popup_block" id="popup_block">
<div id="slides-container"></div>
<div class="popup_left popup_arrow">
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
</div>
<div class="popup_right popup_arrow">
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</div>
</div>
<ul></ul>
</div>
</section>
<!-- END SINGLE GALLERY SECTION -->
<!--Start Event Title-->
<section id="page-title">
<div class="title-image">
<img src="resources/images/logo1.png" alt="Logo 1">
</div>
<div class="global-title wow zoomIn">
<h1>EVENTS</h1>
</div>
</section>
<!--End Event Title-->
<!--Start Event Gallery-->
<section id="single-gallery">
<div class="section">
<div class="grid">
<div class="grid-sizer"></div>
<div class="grid-item">
<a href="javascript:void(0)"class="anim_border" ></a>
<a href="" class="img_link"><img src="resources/images/Julio.png" alt="Julio Iglesias"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Amel.png" alt="Amel Larrieux"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Kelly.png" alt="Kelly Rowland"></a>
</div>
<!--div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Bennet.png" alt="Tony Bennet"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Adele.png" alt="Adele"></a>
</div>
<div class="grid-item">
<a href="javascript:void(0)" class="anim_border"></a>
<a href="" class="img_link"><img src="resources/images/Skylar.png" alt="Skylar Stecker"></a>
</div-->
</div>
</div>
<!--div id="popup-container">
<div class="popup_block" id="popup_block">
<div id="slides-container"></div>
<div class="popup_left popup_arrow">
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
</div>
<div class="popup_right popup_arrow">
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
</div>
</div>
<ul></ul>
</div-->
</section>
<!--End Event Gallery-->
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER