HTML & CSS - Build a Personal Portfolio webpage

Tell us what’s happening:


When I putted images like grid, the dimension looks like not same from an image to another. Can you help me please ?

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.121 Safari/537.36.

Challenge: Build a Survey Form

Link to the challenge:

You can add a fixed height and object-fit: cover to the images.

.project-image {
  max-width: 100%;
  height: 350px;
  object-fit: cover;

BTW, you might want to be careful about how much of the example project code you copy. It’s fine to look at the code and you can use bits and pieces of it (like the image grid). Just learn from it and adapt it to your own project.

But if you copy too much of the code it may be considered a violation of the academic honesty policy that you have to agree to. Just letting you know.

1 Like

Thank you, I will try my best alone