This week we fine tuned our websites using CSS. We addressed the kerning of the title through:

HTML:

<h1><span class="kerntight">J</span>ohn Baske<span class=“kernloose">r</span>ville</h1>

CSS:

.kerntight { letter-spacing: -5px; }

.kernloose { letter-spacing: 5px; }

font-kerning: auto; font-kerning: normal; font-kerning: none;

This didn’t have a massive effect but it is important to pay attention to the details especially if designing for clients. We also fixed things like padding and margians.

Final Website:

Screenshot 2023-01-02 at 21.19.15.png

Screenshot 2023-01-02 at 21.19.35.png

Screenshot 2023-01-02 at 21.19.38.png

Screenshot 2023-01-02 at 21.19.43.png

Screenshot 2023-01-02 at 21.19.45.png

Screenshot 2023-01-02 at 21.19.48.png

Screenshot 2023-01-02 at 21.19.53.png