Log in Sign up

Home Page Grid on Portfolio

I'm trying to create multiple grid for each tag instead of a single grid but when I try filtering with a tag it doesn't render images.

Here's where my entries.html files is at:

{{> header}}


<div class="entries">
  {{#allEntries}}
  {{#tagged.nuvu projects}}

    {{#thumbnail.large.url}}
      <a class="post photo" href="{{{url}}}" style="
    max-width:{{thumbnail.large.width}};
    max-height:{{thumbnail.large.height}};
    width:calc({{thumbnail.large.width}}px*{{thumbnail_size}}/{{thumbnail.large.height}});
    flex-grow:calc({{thumbnail.large.width}}*{{thumbnail_size}}/{{thumbnail.large.height}})">
    <i style="padding-bottom:{{thumbnail.large.ratio}}"></i>
    <img src="{{{thumbnail.large.url}}}" class="pre-loaded" onload="this.className+=' loaded';" />
    <noscript>
    <img src="{{{thumbnail.large.url}}}">
    </noscript>
    
  </a>
  {{/thumbnail.large.url}}

  {{/tagged.nuvu projects}}
  {{/allEntries}}
</div>


{{> footer}}

2 years ago, 5 replies   Edit question

Perhaps the issue is with your tag filtering. To answer this, does this spit out a list of titles or not?

{{#allEntries}}
{{#tagged.nuvu projects}}
{{title}}<br>
{{/tagged.nuvu projects}}
{{/allEntries}}
Answered 2 years ago · Edit answer

It shows the right posts with that. In the code I posted, the posts can even be clicked but they just don’t show any images.

Answered 2 years ago · Edit answer

Interesting – does this produce a list of titles and images?

{{#allEntries}}
{{#tagged.nuvu projects}}
{{title}}<br>
{{#thumbnail.large}}
<img src="{{{thumbnail.large.url}}}">
{{/thumbnail.large}}
{{/tagged.nuvu projects}}
{{/allEntries}}
Answered 2 years ago · Edit answer

Yes! That produces the titles and images. It just doesn't format it in the in the fitted-grid format.

Answered 2 years ago · Edit answer

I see - it sounds like the issue is related to the CSS

Answered 2 years ago · Edit answer