Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

desafio campo texto

Hola estuve haciendo el campo de texto para la busqueda pero tengo un problema con la imagen cuando hago el cambio react toma los cambios pero cuando reinicio la imagen no toma el tamaño correspondiente es raro para mi. Hago el cambio y sale bien:

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

pero reinicio y me sale así:

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad + este es mi código muchisimas gracias.


const Campo = styled.div`
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 10px;
    border: 2px #c98cf1 solid;
    color: #d9d9d9;
    padding: 10px;
    width: 40%;
    background: transparent;

    input {
        border: none;
        background: transparent;
        width: 100%;
        font-size: 20px;
    }
    
    img {
        width: 32px;
    }
`;

const CampoTexto = (props) => {
    return (
        <Campo>
            <input type="text" placeholder={props.place} />
            <img src="/images/buscar.png" alt="lupa buscar" />
        </Campo>
    );
};

export default CampoTexto;

2 respuestas

Hola Sergio, espero que estés bien

En este caso creo que vale añadir más atributos que limiten el tamaño de la imagen, como el instructor presenta en la parte 'opinión del instructor' en esta actividad etc. Que te parece? Por ejemplo: agregar el atributoheight junto alwidth etc.

Saludos y buenos estudios

Hola brenda buenas tardes, si ya hice y puse lo mismo que dejo el profesor de los atributos cin wight y height pero todavía nada. :(.