Guest Posted May 26, 2020 Share Posted May 26, 2020 Site URL: https://www.sharpeaero.com Hey all, How can I use the code block to make a variable text size based on browser width? I'm currently using code blocks for the headings on my homepage because I needed them to be a different colour than the default <h1> defined by my squarespace design settings. However, by using these code blocks, the text no longer resizes for smaller browser widths like squarespace builds in by default in their text blocks. Here's an example of the code I'm currently using in one of these code blocks: <h1 style="font-family:Roboto Condensed; text-transform:uppercase; font-size:72px; font-weight:700; letter-spacing:0em; text-align:center; color:hsl(0, 0%, 11%)"> <left>Buying in Bulk?</left> </h1> Website is https://www.sharpeaero.com if you want to see what I mean by text not resizing. The text on the top hero image/video will resize as it still uses the text block, but the rest of the titles/headers are code blocks and don't resize. Thanks so much for your help! Link to comment
This topic is now archived and is closed to further replies.