HTML AND CSS - Why Images Aren’t Showing

Asked

Viewed 53 times

-4

Good evening guys all right? can you help me? understand why the photos are not appearing on the site? css das divs here follows css of them.

here follows the html photo with the Divs

Html com as divs

And here’s a picture of the model of the facul site that I’m designing for training. the idea is to put the photos in the same biomedicine format close to the course name pasted on the black border.

the site does not send more than 2mbs. even so if you can help me I started moving 14 days ago and I’m enjoying it a lot and learning every day.

2 answers

-1

You left height:25%; move to px em or rem will appear. You can also set a min-height:

   #bio{
    background-image: url("https://vaidebolsa.com.br/wp-content/uploads/2019/12/biomedicina.jpg.webp");
    width:238px;
    background-size:cover;
    background-repeat:no-repeat;
    height:25rem;
   }

Try to use it this way that will appear.

-2


Try to download the images and use them locally within the project or... in the div that is involving these disciplines places a: style="display: flex; flex-Direction: column; align-items: center; Justify-content: center;"

Browser other questions tagged

You are not signed in. Login or sign up in order to post.