Estoy teniendo problemas con el código.
Cuando lo corregí, desapareció mi foto del lado izquierdo y no aparece el formato de la descripción y el botón sobre mí.
Entonces mi pregunta es:
El código está abajo:
<div class="image"> <img src="images/photo ze.jpg" alt=""> </div> <div class="content"> <h1>My name is José Moreira, I am <span class="txt-rotate" date-period="2000" data-rotate='[ "Graphic Design.", "Photographer.", "Web developer.",]'></span> </h1> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio doloribus ullam at commodi sit, excepturi dicta minus cumque rerum quod nisi sapiente accusantium, accusamus a atque totam adipisci. Who, error?</p> <a href="#about" class="btn">about me</a> </div>El código completo está en:
https://jsfiddle.net/Quencyjones79/zrp9e12g/1/
https://codepen.io/Quencyjones79/pen/GRyZQeG
Agradezco mucho su ayuda.
En su CSS, tiene las siguientes propiedades img configuradas. Con display: none; aplicado al selector img , las imágenes en la página no serán visibles a menos que anule la regla con otra regla CSS más específica.
img{ position: relative; width: 100%; display: none; } Una forma de hacer que aparezca la imagen que le interesa sería agregar display: inline al .home .image img{} . No digo que este sea el mejor enfoque, pero muestra cómo orientar la imagen específica que le preocupa y cambiar su propiedad de visualización. También puede eliminar la propiedad display: none de img .
Si está interesado, obtenga información sobre cómo depurar CSS con herramientas para desarrolladores .