Hallo zusammen

Ich habe kürzlich meine eigene Webseite erstellt mit HTML und Tailwind CSS. Ich habe die Seite am PC erstellt und kürzlich festgestellt, dass die Seite auf dem Laptop also kleinerem Bildschirm nicht angepasst wird / eben nicht responsive ist. Ich habe schon sehr viel Zeit in die Anpassung von Grössenangaben gesteckt aber die Seite will auf meinem Laptop einfach nicht gleich aussehen wie auf dem grossen Bildschirm.

Kann mir jemand weiterhelfen und mir sagen, wo das Problem liegt? Die gesamte Inhalt meiner Startseite soll auf einer Bildschirmgrösse also ohne scrollen zu sehen sein und die gleichen Proportionen und Anordnung haben.

Ich habe schon einige einfachere Webseiten erstellt und mich hier an eine etwas kompliziertere Struktur gewagt, komme jetzt jedoch nicht mehr weiter.

Ich währe sehr dankbar um einen klaren Hinweis was ich am code spezifisch anpassen muss :)

Hier meine Seite: fabiobilger.me/testing

Seite auf dem PC:

Seite auf dem Laptop (runtergescrollt):