.container
View Compiled
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap');

body {
  background: limegreen;
  color: white;
  font-size: 3.5em;
  font-family: 'Montserrat', sans-serif;
}

div {
  text-align: center;
  padding-bottom: 50px;
}

.container {
  animation: scoot 20s linear infinite;
}

@keyframes scoot {
  from {
    transform: translateY(30%);
  }

  to {
    transform: translateY(-100%);
  }
}
View Compiled
let posts = [
  "An Incredibly Serious Discussion about Next.js at Reactathon",
  "Enabling AMP in your Next.js projects",
  "Adding Babel presets and plugins in Next.js",
  "React Children: The misunderstood prop",
  "Query an API at both build time and runtime with Next.js",
  "How to turn off telemetry in Next.js",
  "Add Web Monetization to your sites with Snippet Injection",
  "Logging in Next.js",
  "Deploy from CodePen to Netlify in less than 30 seconds",
  "React Strict Mode in Next.js",
  "Environment variables in Next.js",
  "Global styles in Next.js",
  "Making a custom 404 page in Next.js",
  "Absolute Imports in Next.js",
  "Why you should code together: Mob Programming FAQs",
  "Building a custom React media query hook for more responsive apps",
  '"Escaping" Next.js to access the browser',
  "What is React Fast Refresh?",
  "Next.js: Should I use SSR or SSG?",
  "Using React Context for State Management",
  "A Spooky Adventure at Next.js Conf",
  "Preview Mode for Next.js now fully supported on Netlify",
  "Integrate Next.js and Prismic",
  "Integrate Next.js and Contentful",
  "Integrating Netlify Identity into your Next.js apps",
  "Next.js 101: What you should know",
  "2 Ways to Create Server-Rendered Routes Using Next.js and Netlify",
  "Add a Netlify-powered contact form to your Next.js site",
  "Handy new features in Next.js 9.4",
  "Improve your SEO and Social Sharing Cards with Next.js",
  "Building a Markdown blog with Next 9.4 and Netlify"
];

(() => {
  posts.map((p) => {
    document.querySelector('.container').innerHTML += `<div>${p}</div>`
  })
})()

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.