Now let’s add the stylesheet.
The body
tag should occupy the entire screen of the device, and everything beyond the body
should be hidden.
Use the only picture from the images
folder for the background body
.
The picture should fill the entire space without distortion.
The text of the h1
and h2
headings must be centered.
Content inside div.star-wars
must be centered horizontally (use flex)
Block height should be 800px
, text color should be #feda4a
, font family should be sans-serif
, intensity should be 600
.
Font size - 500%
, line height - 150%
, letter spacing - 6px
.
The text should be stretched to full width.
Let’s also specify the perspective 400px
- the text should go into the distance.
This task is part of the Full-Stack JavaScript Course.
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.