michaeljohnjohns

Site URL: https://www.michaeljohnjohns.com.au/%60 Hello everyone. I'm moving out of print design and getting into instructional design and it's been years since I've done HTML/CSS/coding etc so I thought SquareSpace would do the trick! I'm mostly happy with how it has turned out, but the big chunky font effect on the title "INTRUCTO- GRAPHICAL DESIGNER" looks good on a PC screen but terrible on a small screen as it isn't scaling quite right. I've applied a CSS class to the H1 tag and applied a 9vw text size but I am not sure that is the right way to go about things. My CSS code is below. Can anybody help? .title { font-size: 9vw; line-height: 0.7; text-transform: uppercase; }

It looks good. Very professional and clean. The only criticism I have is that the menu is hard to read in places due to the underlying image not having enough contrast or being too busy. Maybe tint the image a little or add a background colour/gradient on the header section? You might lose that clean look though which would be annoying 😞

Looks pretty cool Megan. Very interesting work and I like the colour as well. The front page static effect and the simple text buttons confused me a little as I wasn't sure if they were buttons or just text. I went for the top menu straight away. I wonder if you could change the front page to 4 "sections" and have those images as separate backgrounds (under the text). Each on their own section and an extra section for the quote as well. I'd make the quote just a section with a textbox instead of using the Quote feature as it isn't particularly eye-catching. Just use centered H2 for the quote and something smaller for the quote source underneath. Maybe make the footer section black to ground the whole page as well. Very, very rough sketch attached.