Блог

Я создаю карточное приложение robofriends из полного курса веб-разработчиков от ZTM (спасибо, Андрей!). Изображение изменяется, но фон остается полностью растянутым, мой код идентичен инструкторам. Итак, я попробовал пару вещей, например, поместить его в файл .css и изменить фоновое имя класса, чтобы иметь новые размеры, но карты остаются растянутыми. Предполагается, что фрагмент ?size= 200×200 изменяет размер всего изображения плюс фон. Я был бы признателен за помощь в этом. Заранее спасибо.

 import React from 'react';

const Card = ({name, email, id}) => {
    return(
    <div className='tc f1 bg-light-green' dib='true' br3='true' 
     pa3='true' ma2='true' grow='true' bw2='true' shadow-5='true'>
       <img alt='robots' src={`https://robohash.org/${id}?size=200x200`}/>
          <div>
                <h2>{name}</h2>
                <p>{email}</p>
          </div>
    </div>
    );
}

export default Card;