So here is a site I have been working on. Site is probably as well optimised as I can get it scoring 99 in Page Speed Insights with a video also on the homepage. I am happy with the final result. Fully made in Bootstrap Studio. Great coding tool.
3 Likes
Great website! I just completed my landing page with great performance as well. Great investment.
2 Likes
FYI - you have the following class
@media (min-width: 300px)
.header-top-text {
margin-top: 9px;
width: 100%;
color: #fff;
On screens below 300 pixels in width, your text is unreadable
You might also want to consider adding something like this to your text…
text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000, 0 0 3px #000;
So that it doesn’t “disappear” on tablet sized screens when the image is behind it.
1 Like