Cards Organization - Githubissues

EthelGomez / Portfolio

Quality Assurance Portfolio Assignment 2

0 stars 0 forks source link

Cards Organization #3

Open EthelGomez opened 2 months ago

EthelGomez commented 2 months ago

Currently, the cards are flexing correctly but only want to have 2 at a time per column and then 1 when the screen is smaller. Righnow when the screen is large 4 cards per line are showing up

EthelGomez commented 2 months ago

Steps to solve issue:

Add @media screen and (min-width: 1580px) { .image-container { margin-left: 10%; margin-right: 10%; } }
Second code added @media screen and (min-width: 1975px) { .image-container { margin-left: 15%; margin-right: 15%; } }

EthelGomez commented 2 months ago

Cards Bug

EthelGomez commented 2 months ago

Fixed Card Bug Showcases 2 columns only at all times