Это исходный код для Maggieapleton.com, цифрового сада, наполненного растущими нотами, эссе и моделями дизайна.
Это открытый исходный код, чтобы позволить людям тащиться и получить идеи для своего собственного сада. Тем не менее, я бы предпочел, чтобы вы не разделили его оптом, чтобы построить свой собственный сад. Во -первых, потому что мой код - горячий беспорядок (я по необходимости разработчик, а не по профессии или выбору), а во -вторых, потому что я разработал его в соответствии со своими собственными эстетическими предпочтениями и функциональными потребностями / желаниями. Ваш не будет таким же.
Это также неловко, когда я наткнулся на чужой веб -сайт, который является точным выражением моего собственного вкуса и идентичности дизайна. Как ходить на кого -то в вашей одежде. Тем не менее, вы можете делать то, что вам нравится в Интернете, и я не собираюсь совершать огромную суету об этом.
Я настоятельно рекомендую вам построить свой собственный сад! Я храню курированный список инструментов и ресурсов, которые могут помочь вам сделать это.
<ProseWrapper /> raws Around All Mdx Longform Copy. Ограничивает его 72CH и помещает его в grid-column: 2 .<TwoColumn /><ThreeColumn /><Img /> выходит из grid-column: 2 размещения и устанавливает максимальную ширину 1000px. Необязательный переопределение с помощью width . Минимальные стили заменяют элемент IMG по умолчанию.<BasicImage /> - более полная функция - включает в себя дополнительную подпись из Alt Text.<ImageFrame/> добавляет небольшую раму и каплю. Полезно для скриншотов.Я использую трюк с полным кровотечением Джоша Комо с CSS Grid.
<img /> . Он объявляет ширину по умолчанию 1000px и принимает дополнительную опору width<BasicImage /> будет растянуть изображение на полном холсте, при условии, что он принимает заявленную опору ширины.