個人公式サイト

2024.03.26

Logging

おはようございます、自分のプロフ的な個人サイト(公式)をリニューアルしました.今までは動きのあるサイトでしたが一切、動きのないサイトに変更しています.そのうちバックグラウンドが動き出すかもしれませんが今のところ動かない状態で留めています.

因みに旧サイトを見たい方はNot Foundページを探してみてください.Not Foundページなどは旧ページになっています.また画像はスマホの画面で見たときの画になっています、スマホの画面の大きさによりイメージが異なりますが、大きな画面のスマホの画面では大体こんな感じに見えます.

トイウコトデ、公式サイトよろしくお願いします.

明日へ続く.

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

Not Foundページ, イメージ, うちバックグラウンド, サイト, スマホ, トイウコトデ, ところ, 個人サイト, 公式, 公式サイト, 感じ, 旧サイト, 旧ページ, 状態, , 画像, 画面, 自分,

tailwind-cssで画面中央に表示するクラスはこれ、中央表示でググっても。

2022.02.08

Logging

この頃、Bootstrapからtailwind-cssに変えようと奮闘中で勉強中です。そんな中でググっても中々ヒットしなかった事を紹介します。

tailwind-cssで画面中央に表示する方法を中央表示でググっても画面中央表示がヒットしなかったのは、少しやっかいだなって思いました。何でも検索出来るGさんですが、何度か自分はNot Foundページを見たことがあります。つい最近のNot Foundページは、こんな感じ釣り堀?で釣りをしている宇宙人さんみたいなが表示されます、そしてちょっとした操作が出来ます😌。

引用:Googleページ

脱線した話をもとに戻して…tailwind-cssで画面中央に表示したい場合は、このクラスを付与すると良いですよ😏。

<div class="h-screen w-screen flex justify-center items-center">
    <p>center</p>
</div>

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

OFUSEで応援を送る

タグ

Bootstrap, center&lt, div class, div&gt, gt, Gさん, h-screen w, justify-center items-center&quot, lt, Not Foundページ, p&gt, quot, screen flex, tailwind-css, クラス, もと, 奮闘中, 感じ釣り堀, 操作, 画面中央,