地図上の県をクリックしたらリンクに飛ぶようにするものを作りたいです

Question

https://www.minnanokaigo.com/
リンク先のマップのリンクのようなものをつくりたいのですが、
これはどういう風に作れば良いのでしょうか？
WEB制作初心者です。
検証モードで見ても、ulで並べられてるくらいしか分かりませんでした。
特にマス目の上にテキストが載ってる部分と、
好きな場所にマス目が置かれてること。
マス目が二列になっていたりするところ、がどうやってるのかが分かりません。
こういうサイトの作り方って解説されてたりするのでしょうか？
検索しても見つかりませんでした。
解説お願いします。

Answer 1

特にマス目の上にテキストが載ってる部分

都道府県名ですかね
liタグの中にそのまま入れられてるように見えます

好きな場所にマス目が置かれてること

クラス名見る限りgridかと思います。上の行全部使って"都道府県から探す"を表示して、その下の段には各エリアごとにみたいな配置の仕方してますね。
各エリアの幅とかも同様cssで調整してます

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

マス目が二列になっていたりするところ

flexboxでやってるようです。ulタグのstyleにも書いてありますが↓のリンクが参考になるかと思います
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet

こういうサイトの作り方って解説されてたりするのでしょうか？

たぶん何作るにしても"〇〇　サイト　作り方"はヒットしないんじゃないような気がします。
素直にCSS、html、JavaScript勉強したほうが早い気がします！

Answer 2

ul要素を、地図の上に、position: absolute;を使い、自由な位置に配置しています。
二列になっているものは、
display: flex;を使っています。