Informatique

Bonjour,
Je me présente, je m'appelle Antoine j'ai 15ans et j'aimerais réaliser un site web dans le cadre d'un projet de cours.
Cependant je suis novice dans ce milieu et j'ai un problème au niveau de l'affichage des différentes images et éléments du site.
Je m'explique, j'ai réalisé ce site sur un écran large (Pc Fixe) mais lorsque je modifie la taille de la fenêtre sur lequel il est ouvert ces éléments et images ne s'adaptent pas.
ce qui fait que sur Mobile ou même Pc portable le site n'a pas un bon rendu.
Je vous mets ci-joint une photo Pleine écran et Demi-écran pour vous montrer réellement ce que cela fait.
Merci par avance

Oui tu dois rendre ton site « responsive »

Je t’invites à rechercher ça sur internet, mais globalement tu vas utiliser les flex-box ou les unités de hauteur et largeur en % ou em ou vh ou wh

Bonjour !
Sur quoi est basé ton projet du code html, css,.. ou un cms style wordpress?

Pour rendre ton site web adaptable sur tous les appareils, je te suggère d'utiliser des techniques de conception responsive comme les media queries CSS et de tester régulièrement l'affichage sur différents navigateurs et tailles d'écran.
Assure-toi également de simplifier la navigation et de réduire les éléments superflus pour une expérience utilisateur optimale.

Bonne adaptation !

Bonsoir petit futur dev (peut être)
Je t'invites à suivre les tutos openclassrooms (à ton âge j'étais sur son ancien nom "le site du zéro" ) et c'est le site qui m'a fait mes premiers pas dans la "programmation"

Pour cibler tes besoins je te donne le liens sur le flexbox et les medias queries qui sont les concepts que tu recherche pour la mise en page et la "reponsivité" du site que tu crée (le contenu s'adaptera à chaque taille d'écran)

Bon courage à toi ;)
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3/8061384-faites-votre-mise-en-page-avec-flexbox
https://openclassrooms.com/fr/courses/1603881-creez-votre-site-web-avec-html5-et-css3/8061510-utilisez-le-responsive-design-avec-les-media-queries