/* 1) Turn your feed into a 2‑col grid */
[data-style="feed-Grid"] {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 1.5rem;
max-width: 1200px;
margin: 0 auto;
padding: 0 1rem;
}
/* 2) Force the very first post‑wrapper to span both columns */
[data-style="feed-Grid"] > .displayBlogPostGridWrapper:first-of-type {
grid-column: 1 / -1;
}
/* 3) Make each wrapper’s
into a 50/50 flex‑card */
.displayBlogPostGridWrapper > article {
display: flex;
background: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
/* 4) Image = 50% */
.displayBlogPostGridWrapper .feed-thumbnail-container {
flex: 0 0 50%;
}
.displayBlogPostGridWrapper .feed-thumbnail-container img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 5) Text = 50% */
.displayBlogPostGridWrapper .feed-text-container {
flex: 1 1 50%;
padding: 1.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
/* 6) Headline */
.displayBlogPostGridWrapper .feed-headline {
margin: 0 0 0.75rem;
font-size: 1.5rem;
line-height: 1.3;
color: #1a1a1a;
}
/* 7) Snippet */
.displayBlogPostGridWrapper .feed-snippet {
margin: 0 0 1.25rem;
color: #555;
line-height: 1.5;
}
/* 8) CTA */
.displayBlogPostGridWrapper .feed-cta {
align-self: flex-start;
font-weight: 600;
text-decoration: none;
color: #0078d4;
transition: color .2s ease;
}
.displayBlogPostGridWrapper .feed-cta:hover {
color: #005a9e;
}
/* 9) Responsive: single‑column on small screens */
@media (max-width: 768px) {
[data-style="feed-Grid"] {
grid-template-columns: 1fr;
gap: 1rem;
}
.displayBlogPostGridWrapper > article {
flex-direction: column;
}
.displayBlogPostGridWrapper .feed-thumbnail-container,
.displayBlogPostGridWrapper .feed-text-container {
width: 100%;
flex: none;
}
.displayBlogPostGridWrapper .feed-text-container {
padding: 1rem;
}
}
Fatal error: Uncaught Error: Call to undefined function acquireBlogJSON() in /var/www/secure/stories/tags.php:81
Stack trace:
#0 {main}
thrown in /var/www/secure/stories/tags.php on line 81
