hello,
I am trying to create this layout with text boxes in website and i am having trouble figuring it out. Can anyone help me please with a step by step , if they know it?
Thank you very much
You could insert a column component, then change it to 4 columns.
Then each column, give it a class “column”, and set position to relative and left padding to 60px.
Next, add a text block in each column, give it a class “alphabet”, set position to absolute, and align top left. Insert the letter “a”, and style the letter accordingly.
Lastly, insert the rest of the text.
THANK YOU for your help, I did it the only thing is that is not responsive the letters go on top of each other when it is on the other devices! any advice?
Thank you
and when i try to write the rest in the text i need it to be smaller. but it makes all the letters smaller the a b c d …
here is my public link if it helps
https://preview.webflow.com/preview/athinas-radical-site?preview=6b8fdd5994d87b7cb2eb24014c653fe8
Change .alphabet line-height to 0.85em, width to
Desktop: 3.5vw
Tablet: 4.5vw
Phone (L): 3em
Give .column a min-height (100px will be fine)
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.