DEV Community

Cover image for **FIX THIS PLEASE**

**FIX THIS PLEASE**

Mohamed Hashir on August 01, 2023

Could anyone help me please, my image is'nt loading and also the content is aligned in bottom of the page. Here's the code: <!DOCTYPE htm...
Read full post
Collapse
 
amankroot profile image
Aman Kushwaha •

For the problem rendering Images please use a short and direct link or else save the image on your local environment and use it [you are using image directly on from some googleusercontent with inifinitly long string of link hence the problem is the src url you have used]. For the which is showing the botton not just after the header ends.

header {
  background-repeat: no-repeat;
  background-size: cover;
  height: 800px;  /* Rather then using a constant height use percentage or something like that. For example: try using height: 20%; you will get the hint of what's wrong */
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
sloan profile image
Sloan the DEV Moderator •

Just a heads up that you can add highlighting to the code blocks if you'd like. Just change:

code block with no colors example

... to specify the language:

code block with colors example

More details in our editor guide!