【ホームページ制作】デモサイトのバージョン8ができました。
デモサイトのバージョン8ができました。
こやつです。
もう8作目となりました。
ほぼ1カラムにすることは無くて、基本2カラムとか3カラムがほとんどです。
まぁ、組み合わせすることもありますが。
そのときは、結構複雑になってきます。なので、集中しないとダメ。途中でやめると再開したとき「あれ？どんな感じだった？」なんて思って、コードを解析しないといけません。
で、今回のデモサイトは3カラムです。
display:gridを使っています。display:flexでも良いですが、カラム構成の場合はdisplay:gridを使うことが多いです。
flexは円形の中央に文字を置いたりとか、タグを並べるときに使ったりします。
カラムの構成はdisplay:gridですね。これで決まりです。
さて、今回、制作時間は3時間くらいとなりました。1ページのみなので簡単（ではない笑）。
HTMLでミスって「あれ？レイアウトが右と左で異なる・・・。問題ないと思っていたのですがHTMLでミスをしていました。
これだけで1時間ほど費やしました。
時間がもったいなかったです。
さて、今はバージョン9を作ろうとしているところです。
なお、デモサイトの履歴は以下のサイトでご確認可能です。
どちらか片方にしようかと思っているのですが、まあ、もうしばらく様子を見ます。
更新がめんどくさいですが(笑)。ワードプレスサイトだと簡単かと思いますが、ぼくは単純なホームページですので、リンクを手作業でしないといけません。
まぁ、その分、毎月の料金が安いので助かりますが・・・。
今後も地道に続けたいと思います。
おしまい！
この記事が気に入ったらサポートをしてみませんか？