OSD 600 PR #1 – Make Cards Responsive in Vue


This is a repo that using different frameworks to create the same basic Greek gods application. In this repo, there are different folders for Angular, Ember, Java, Node, React, Vue, etc. There were a number of issues in the Vue version of this application so I chose


They had a problem where the cards was shown in a column but they wanted the cards to be responsive depending on the size of the screen

I fixed their Base.vue file and added two simple lines that would allow the cards to have up to 3 cards side by side. They currently only have 2 gods in their json file so I can’t show anymore cards but this is what it looks like


Published by cindyledev

Full Stack Developer, Computer Programmer, and Analyst

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Create your website at WordPress.com
Get started
%d bloggers like this: