css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Fetch the latest BTS articles from Soompi RSS feed and display them in a card stack. (Should be) Accessible with keyboard navigation.


  1. Very well done. A side note: the articles do not back to their non-open state when pressing the up and down buttons, which looks strange. But even without that it's very cool and very smooth to use.

  2. @trose oo something did feel weird, but I couldn't pinpoint what it was, ha. I've updated the pen so the article closes when it goes away. Thanks for the input!

  3. Me encanta. Estoy buscando algo parecido para mostrar anuncios o noticias en tarjetas en vertical, pero sin necesidad de tocar botones o teclado, si conoces alguno o lo has hecho? Muchas gracias por tu trabajo I love. I'm looking for something similar to show ads or news on cards in vertical, but without the need to touch buttons or keyboard, if you know any or have you done? Thank you very much for your work

  4. I want to use this for a project I'm working on but cannot figure out how to put images in. Can you help?

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.