Skip to content
Related Articles

Related Articles

Foundation CSS Kitchen Sink Complete Reference

View Discussion
Improve Article
Save Article
  • Last Updated : 12 May, 2022
View Discussion
Improve Article
Save Article

Foundation CSS Kitchen Sink has the foundation elements to work well in our websites and applications. The Kitchen Sink Grid is used to make responsive layout designs both for web apps as well as mobile apps. 

Complete list of Foundation CSS Kitchen Sink are below:

Below example will give you a brief idea about the Kitchen Sink of Foundation CSS:

Example:

HTML




<!DOCTYPE html>
<html lang="en">
  
<head>
      
    <!-- Compressed CSS -->
    <link rel="stylesheet" href=
        crossorigin="anonymous">
  
    <!-- Compressed JavaScript -->
    <script src=
        crossorigin="anonymous"></script>
</head>
  
<body>
    <center>
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
    <strong>Foundation CSS Progress bar</strong><br/>
    </center>
    <div class="progress">
        <div class="progress-meter" style="width: 50%"></div>
    </div>
    <div class="progress">
        <div class="progress-meter" style="width: 70%"></div>
    </div>
</body>
  
</html>


Output:

 


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!