ꯂꯦꯑꯥꯎꯇꯀꯤꯗꯃꯛꯇꯥ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ꯫
ꯌꯥꯝꯅꯥ ꯊꯨꯅꯥ ꯃꯣꯕꯥꯏꯜ-ꯐ꯭ꯔꯦꯟꯗꯂꯤ ꯑꯃꯁꯨꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤꯗꯃꯛ, ꯕꯨꯠꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯀꯟꯇꯦꯟꯇ ꯎꯠꯄꯥ, ꯂꯣꯠꯁꯤꯅꯕꯥ, ꯑꯦꯂꯥꯏꯟ ꯇꯧꯕꯥ, ꯑꯃꯁꯨꯡ ꯁ꯭ꯄꯦꯁꯤꯡ ꯇꯧꯕꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤ ꯀ꯭ꯂꯥꯁ ꯗꯖꯟ ꯀꯌꯥ ꯌꯥꯑꯣꯔꯤ꯫
ꯄ꯭ꯔꯣꯄꯔꯇꯤꯒꯤ ꯀꯃꯟ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯅꯥ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯗꯤꯁꯞꯂꯦ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ display
ꯑꯀꯛꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯃꯈꯣꯌꯕꯨ ꯎꯠꯅꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯂꯣꯠꯁꯤꯟꯅꯕꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ, ꯀꯟꯇꯦꯟꯇ, ꯅꯠꯠꯔꯒꯥ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯃꯤꯛꯁ ꯇꯧꯕꯤꯌꯨ꯫
ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯴ ꯑꯁꯤ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁꯀꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯥꯕꯅꯤ, ꯑꯗꯨꯕꯨ ꯃꯁꯤꯅꯥ ꯃꯊꯧ ꯇꯥꯗꯕꯥ ꯑꯣꯚꯔꯔꯥꯏꯗ ꯀꯌꯥ ꯍꯥꯄꯆꯤꯅꯒꯅꯤ ꯑꯃꯁꯨꯡ ꯃꯔꯨ ꯑꯣꯏꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯒꯤ ꯂꯃꯆꯠ-ꯁꯥꯖꯠꯁꯤꯡ ꯃꯈꯥ ꯇꯥꯅꯥ ꯍꯣꯡꯗꯣꯛꯀꯅꯤ ꯍꯥꯌꯕꯁꯤꯅꯥ display
ꯃꯔꯝ ꯑꯣꯏꯗꯨꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯈꯨꯗꯤꯡꯃꯛꯀꯤ ꯍꯣꯡꯗꯣꯛ ꯍꯣꯡꯖꯤꯟ ꯇꯧꯈꯤꯗꯦ꯫ ꯑꯩꯈꯣꯌꯒꯤ ꯀꯝꯄꯣꯅꯦꯟꯇdisplay: flex
ꯑꯌꯥꯝꯕꯗꯤ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁ ꯏꯅꯦꯕꯜ ꯇꯧꯗꯨꯅꯥ ꯁꯥꯕꯅꯤ꯫
display: flex
ꯅꯍꯥꯛꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯗꯥ ꯍꯥꯄꯆꯤꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯔꯕꯗꯤ , .d-flex
ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯑꯣꯏꯕꯥ ꯚꯦꯔꯤꯑꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯇꯧꯕꯤꯌꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, .d-sm-flex
). ꯁꯥꯏꯖ, ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ, ꯁ꯭ꯄꯦꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯑꯇꯩ ꯀꯌꯥꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯒꯤ ꯑꯍꯦꯅꯕꯥ ꯐ꯭ꯂꯦꯛꯁꯕꯣꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡdisplay
ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯅꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯀ꯭ꯂꯥꯁ ꯅꯠꯠꯔꯒꯥ ꯚꯦꯜꯌꯨ ꯑꯁꯤ ꯃꯊꯧ ꯇꯥꯒꯅꯤ꯫
ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯀꯝꯄꯣꯅꯦꯟꯇꯁꯤꯡ ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁ꯭ꯄꯦꯁ ꯇꯧꯕꯒꯦ ꯑꯃꯁꯨꯡ ꯁꯥꯏꯖ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯀꯟꯠꯔꯣꯜ ꯇꯧꯅꯕꯥ margin
ꯑꯃꯁꯨꯡ padding
ꯁ꯭ꯄꯦꯁꯤꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫ 1rem
ꯕꯨꯇꯁ꯭ꯠꯔꯥꯞ 4ꯗꯥ ꯚꯦꯜꯌꯨ ꯗꯤꯐꯣꯜꯇ $spacer
ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯃꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ, ꯁ꯭ꯄꯦꯁꯤꯡ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯊꯥꯛ ꯃꯉꯥꯒꯤ ꯁ꯭ꯀꯦꯜ ꯑꯃꯥ ꯌꯥꯎꯏ꯫ ꯚꯤꯎꯄꯣꯔꯠ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯚꯦꯜꯌꯨꯁꯤꯡ ꯈꯜꯂꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ꯒꯤ .mr-3
ꯑꯣꯏꯅꯥ margin-right: 1rem
), ꯅꯠꯠꯔꯒꯥ ꯑꯀꯛꯅꯕꯥ ꯚꯤꯎꯄꯣꯔꯇꯁꯤꯡꯗꯥ ꯇꯥꯔꯒꯦꯠ ꯇꯧꯅꯕꯥ ꯔꯦꯁ꯭ꯄꯣꯟꯁꯤꯕꯜ ꯚꯦꯔꯤꯑꯦꯟꯇꯁꯤꯡ ꯈꯜꯂꯨ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, .mr-md-3
ꯕ꯭ꯔꯦꯀꯄꯣꯏꯟꯇꯇꯒꯤ ꯍꯧꯅꯕꯒꯤꯗꯃꯛ) margin-right: 1rem
꯫md
ꯇꯣꯒꯜ display
ꯇꯧꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯕꯥ ꯃꯇꯃꯗꯥ, ꯑꯗꯣꯝꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯚꯤꯖꯤꯕꯤꯂꯤꯇꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥvisibility
ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯒꯤ ꯇꯣꯒꯜ ꯇꯧꯕꯥ ꯌꯥꯏ . ꯎꯕꯥ ꯐꯪꯗꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯅꯥ ꯍꯧꯖꯤꯀꯁꯨ ꯄꯦꯖ ꯑꯁꯤꯒꯤ ꯂꯦꯑꯥꯎꯇꯇꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯒꯅꯤ, ꯑꯗꯨꯕꯨ ꯚꯤꯖꯤꯇꯔꯁꯤꯡꯗꯒꯤ ꯚꯤꯖꯨꯑꯦꯜ ꯑꯣꯏꯅꯥ ꯂꯣꯠꯁꯤꯜꯂꯤ꯫