Reverse detail from Kakelbont MS 1, a fifteenth-century French Psalter. This image is in the public domain. Daniel Paul O'Donnell

Forward to Navigation

< !-- Debug #2 -- >

Quick notes on "mediumish" Jekyll theme

Posted: May 02, 2022 11:05;
Last Modified: Jun 17, 2022 14:06
Keywords:

---

Trying to work out where the card css is stored:

<div class="col-md-6 mb-30px card-group">
    <div class="listfeaturedtag h-100">
        <div class="row h-100">

* The above are the first three divs which wrap both parts of the "card" (actually a card group). I deleted each in turn to see what happened
** deleted @class="row h-100"@ // nothing seemed to happen
** deleted @class="listfeaturedtag h-100"@ // font size became big
** deleted @class="col-md-6 mb-30px card-group"@ // changed them to stacked, 100% wide cards
** deleted just @col-md-6@ // Still stacked. (so this probably controls the stacking)
** deleted just @ mb-30px@ // they are back in rows, but looks like no padding below between the boxes.
** delted just @" card-group"@ // not obvious what happens.
** added col-lg-4 from the main body and ended up with three column.

*Ah hah! I understand it now. These are actual bootstrap values for different screens: col-lg = large screen, number of pixels for each column; md = medium, sm = small. It's a way of creating responsive layouts.
----  

Comment

:
:

:

Textile help

Back to content

Search my site

Sections

Current teaching

Recent changes to this site

Follow me on Twitter