HTML - Como hacer que al dar click en la imagen se expanda en toda la pantalla de la pagina web?

[b]Buenas tardes compañeros

Quisiera una ayuda respecto al diseño de una pagina web que he creado de un mosaico de imágenes. Sucede que no se como puedo hacer que al dar click en una de las 6 imágenes, se expanda en toda la pagina, es decir, 3. Al hacer click sobre una imagen esta se debe abrir en un contenedor que ocupe el mayor espacio posible de la ventana actual. Por favor, agradecería ayuda al respecto de como aplicarla en mi página ya que he consultado pero no he podido solucionar esto. les agradezco de todo corazón.

adjunto imágenes del código HTML con CSS en Visual Studio Code y la imagen de la página que he creado

Saludos/b

]

Use la función Modal de Bootstrap

BUeno trate de hacerlo usando CSS y te envio el link de esta pagina para que te lo expliquen bien

https://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery_responsive

No entendi bien lo que quieres, a la proxima envia el texto del html, y en lo posible con las fotos o subelo a la nube por ejemplo en www.degoo.com, dan bastante espacio para que puedas subir las fotos.

Investigue en www.subeagenciadigital.com y debes usar Boostrap .

Hola,

a parte de las opciones que te han dado, supongo que la idea es crear una galería de imágenes. En este sentido hay muchas librerías y scripts disponibles comunmente llamados Lightbox. Te de jo algunos enlaces para que mires varias opciones.

Este es el que suelo utilizar para mis galerías.
https://lokeshdhakar.com/projects/lightbox2/

Aquí puedes practicar y aprender técnicas
https://www.w3schools.com/howto/howto_js_lightbox.asp

Dos librerías
https://simplelightbox.com/
https://fslightbox.com/

Espero que te sirva.

Un saludo!