2,599
edits
Test: Difference between revisions
no edit summary
Efernandez (talk | contribs) (Created page with "{{#tag:html| <style> →Styles for flowchart elements: .container { width:50%; display: grid; grid-template-columns: 1fr 1fr 1fr; →define only 2 columns: place-items: center; } .label { align-items: center; justify-items: center; } .col-1 { grid-column: 1; } .col-2 { grid-column: 2; } .col-3 { grid-column: 3; } .span-3 { grid-column: span 3; }...") |
Efernandez (talk | contribs) No edit summary |
||
| Line 33: | Line 33: | ||
border-radius: 5px; | border-radius: 5px; | ||
text-align: center; | text-align: center; | ||
width:100%; | width: 100%; | ||
height:100%; | height: 100%; | ||
min-height: 50px; | |||
display: flex; | |||
align-items: center; /* Vertically centers the content */ | |||
justify-content: center; /* Horizontally centers the content */ | |||
} | } | ||
.connector { | .connector { | ||
position: relative; | position: relative; | ||
height: | height: 100%; | ||
min-height: 30px; | |||
width: 2px; | width: 2px; | ||
background-color: #000; | background-color: #000; | ||
| Line 53: | Line 58: | ||
border-right: 10px solid transparent; | border-right: 10px solid transparent; | ||
border-top: 10px solid #000; | border-top: 10px solid #000; | ||
padding-bottom: 10px; | |||
} | } | ||
| Line 71: | Line 77: | ||
border-bottom: 10px solid transparent; | border-bottom: 10px solid transparent; | ||
border-right: 10px solid #000; /* This creates the left-pointing arrow */ | border-right: 10px solid #000; /* This creates the left-pointing arrow */ | ||
padding-left: 10px; | |||
} | } | ||
</style> | </style> | ||