はじめに おはようございます、もきゅりんです。 月からの啓示を受けて、Chakra UI の学習していました。 遥か昔に学習した CSS がまるで記憶になかったので、CSS: カスケーディングスタイルシート | MDN でざっと復習しました。 そして、コンテンツ内にある CSS レイアウト料理帳を見て、これを Chakra UI で対応してみるときっと良い総まとめになるゾ!と思ってやってみました。 そして、ついでにブログにしました。 ソースは こちら です。 なお、自分は AWSのソリューションアーキテクトではあるのですが、フロントエンドは見様見真似のお猿さんなので、クオリティへの期待は禁物です。 生暖かい目で眺めて下さい。 ついでに「よく、がんばったな。でも、こうしたらもっと良くなるぞ? boy。」みたいなコメント貰えたら嬉しいです。 Chakra UI の使い方のベストプラクティスとか
![Chakra UI で MDN Web Docs の CSS レイアウト料理帳 をやってみた | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec1278010a05dc7a14b4d11f0fd7a7f5e62f30fe/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2021%2F10%2Feyecatch_chakra_ui_1200x630.png)