Next, let’s solve the image scaling problem. Refresh the browser and you will see that the white gap is gone and there is no scrollbar now. Let’s remove the margin by setting it to 0 on the body: That’s why we see that gap around the image. The body element by default has some margin to it.
![make the avengers font make the avengers font](https://www.dafont.com/forum/attach/orig/4/5/452615.png)
Note: All rights of the image belongs to Marvel Studios, used here only for learning purposes. Full background imageįirst download the image and save it in “img” folder.
Make the avengers font how to#
I would recommend starting here: How to Make a Burger in HTML - A Beginner Tutorial. If you don’t understand the above code, then you are probably coding in HTML for the first time.
![make the avengers font make the avengers font](https://assets.hongkiat.com/uploads/avengers-text-effect/avenger-text-effect-67.jpg)
Our stylesheet “styles.css” goes inside the CSS folder, the custom font file that we will download will go inside fonts folder, the background image that we will download will go inside the img folder, and our HTML code resides in the “infinity-war.html” file. This is what my project folder structure looks like: This is going to be fun, so let’s dive in.
Make the avengers font movie#
In this post, we are going to make a movie poster of “Avengers: Infinity War” in HTML and CSS. By Kunal How to make a poster for Avengers: Infinity War in HTML and CSS