Media Queries
- Media queries in the Foundation framework are used to change the behavior of Foundation components based on the size of the viewport. They are typically used to change the layout of a component or to add or remove functionality.
- To use media queries, you add media queries to the CSS rules that you want to apply to a Foundation component. The media queries have the following format:
@media [media query] {
[CSS rules]
}
Foundation CSS JavaScript Utilities
Foundation JavaScript Utilities is a collection of tools that can be used to enhance the functionality of your Foundation website. To use Foundation JavaScript Utilities, you first need to include the foundation.js file in your website. Once you have done this, you can use the various utilities by calling the corresponding function. For example, to create a custom animation, you would use the Foundation.Move() function.