Skip to content

Instantly share code, notes, and snippets.

@Devalo

Devalo/Bug images stacks on top of each other

Created November 14, 2016 16:27
Show Gist options
  • Save Devalo/e4fe97de54e3d903743e6092400bfdc4 to your computer and use it in GitHub Desktop.
Save Devalo/e4fe97de54e3d903743e6092400bfdc4 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bug images stacks on top of each other
# http://imgur.com/a/Bp59w <- Images are stacked on top of each other in the first image.
# Images are properly positioned in the last image.
# Template
<div class="portfolio-wrapper" >
<div class="col-md-12">
<h3 class="text-center">Sjekk ut noen av nettsidene vi tidligere har levert</h3>
</div>
<div class="portfolio-items">
<%= for project <- @projects do %>
<div class="col-md-4 col-sm-6 work-grid">
<div class="portfolio-content">
<img class="img-responsive" src="<%= DevaloPhoenix.ImageUploader.url({project.image, project}) %>" alt="">
<div class="portfolio-overlay">
<a href="http://<%= project.website_url %>"><i class="glyphicon glyphicon-new-window"></i></a>
<h5><%= project.company %> </h5>
<p><%= project.content %></p>
</div>
</div>
</div>
<% end %>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment