dbabbitt-keepersecurity commited on
Commit
4304bd0
·
verified ·
1 Parent(s): c06efa4

fix(readme): center-align inline SVG logos with captions

Browse files

SVGs were `display:block` and ignored `text-align:center`, causing captions
to appear off-center. Added `margin: 0 auto` (and kept width/height) on
`.logo-item svg` (including `.wide`) so icons and captions align.

Files changed (1) hide show
  1. README.md +5 -2
README.md CHANGED
@@ -39,10 +39,11 @@ short_description: keeper-security org card
39
  border-radius: 6px 6px 0 0;
40
  }
41
 
42
- /* Size Keeper logo to 250 wide; keep aspect ratio */
43
  .keeper-header svg {
44
- height: 250px;
45
  display: block;
 
46
  }
47
 
48
  .keeper-logo {
@@ -168,12 +169,14 @@ short_description: keeper-security org card
168
  width: 60px;
169
  height: 60px;
170
  display: block;
 
171
  }
172
 
173
  /* Wider marks (PCI, TRUSTe, etc.) get a wider box */
174
  .logo-item.wide svg {
175
  width: 90px;
176
  height: 60px;
 
177
  }
178
  </style>
179
 
 
39
  border-radius: 6px 6px 0 0;
40
  }
41
 
42
+ /* Size Keeper logo to 300 wide; keep aspect ratio */
43
  .keeper-header svg {
44
+ width: 300px;
45
  display: block;
46
+ margin: 0 auto;
47
  }
48
 
49
  .keeper-logo {
 
169
  width: 60px;
170
  height: 60px;
171
  display: block;
172
+ margin: 0 auto;
173
  }
174
 
175
  /* Wider marks (PCI, TRUSTe, etc.) get a wider box */
176
  .logo-item.wide svg {
177
  width: 90px;
178
  height: 60px;
179
+ margin: 0 auto;
180
  }
181
  </style>
182