Apply Google Fonts
How to use Google Fonts

w3schools

Word Break
https://www.codesandnotes.com/front-end/word-breaking-in-east-asian-languages/

overflow-wrap: normal | break-word ;

Pretty Ribbon
https://codepen.io/nxworld/pen/oLdoWb

Media queries for standard devices
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Flex Property
https://www.w3schools.com/cssref/css3_pr_flex.asp

Horizontal list of div items
.outer {
display: flex;
flex-flow: row wrap;
background-color: #f7f7f7;
justify-content: center;
align-items: center;
}

.item {
float: left;
width: 24%;
}

margin: auto;
min-height: 250px;
margin-bottom: .6em;
}

Place a video play button inside an image
https://codepen.io/martinkrulltott/pen/xwrXwR

Font Awesome
https://www.w3schools.com/icons/fontawesome_icons_intro.asp

function cacl()
Push the width outside the container to 100% of the screen:
margin: 0 calc(-50vw + 50%)

CSS Units
https://www.w3schools.com/cssref/css_units.asp

Place text over an image
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_image_text

CSS Tips