Open In App

Foundation CSS Kitchen Sink Complete Reference

Improve
Improve
Like Article
Like
Save
Share
Report

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:

 



Last Updated : 12 May, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads