Padding for topic card on topic collection page

desigonz commented 5 years ago

Describe the bug Padding seems funny at this breakpoint; larger breakpoints look normal.

URL https://alpha.austin.gov/en/health-safety/disaster-safety-relief/

To Reproduce

Current behavior

Expected behavior

Screenshots

Device

Browser

Additional context

desigonz commented 5 years ago

Assigning to @chasechenevert to investigate.

gumbeauuu commented 4 years ago

I think i've figured it out~ Changing left and right margins from auto to 0 seems to do the trick.

margin-left: 0;
margin-right: 0;

This takes care of the bug reported, but there are a few other small issues here that I'll address in separate issues soon.

Before

Row of 2 The second topic collection card has more left and right margin than the first, it should match the first.

Vertical list Both cards have different spacing, neither are as intended.

Row of 2 Margin is consistent.

Vertical list Margin is consistent.

gumbeauuu commented 4 years ago

Ready for ya, @desigonz

desigonz commented 4 years ago

Great! Reassigning this to dev.

Acceptance criteria

[x] Change left and right margins from auto to 0 margin-left: 0; margin-right: 0;
[x] To test: At breakpoints between 972pixel width and mobile views, margin is consistent

chiaberry commented 4 years ago

desigonz commented 4 years ago

Looks great! QA done.