Using Units
• Use EM for Padding, Margin, Width, Height, Transforms, & Font Sizes
• Use PX only for things that won't break the design if they don't scale such as border widths & drop-shadow distances
• Use % (optional) for columns inside containers
Scaling
• On tablet and below, change the body font size to PX or higher VW number
• On desktop, the design will scale up seamlessly. It will stop scaling when it reaches the max width of 1440px.
• There is no need to add larger breakpoints
Come in, hang out and have some fun! For anyone who isn’t sure what we are on about, Drop In is essentially our version of a youth club. Drop In runs every week and is a great way of meeting new friends and finding new passions… and it is totally free! Drop In is your space. Whether you want to chill and chat with your friends, play computer games or do something more active or creative, we aim to provide a space for you to just be you. Drop In takes place in our youth hall which has everything you need. There are comfy sofas, games, computers, pool, table tennis, air hockey, and sometimes you can even use our recording studio. Our team of youth workers are there to support you, whether you are in the mood for a quiet bit of nail painting or if you want help arranging a massive game of dodgeball! And if it hasn’t been your day, our team are also trained and equipped to talk you through any issues, questions, challenges or worries you might be facing.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content. The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
