Pure.CSS

Pure.CSS

Test your Pure.CSS knowledge with free quizzes on MyCodeSkills covering core concepts.


  1. What is Pure.css?

    • A JavaScript library
    • A CSS framework
    • A database
    • A server
  2. How do you include Pure.css via CDN?

    • <script src="pure.js">
    • <style href="pure.css">
    • <link rel="stylesheet" href="https://unpkg.com/[email protected]/build/pure-min.css">
    • <import src="pure">
  3. Which class creates a responsive grid?

    • .grid
    • .pure-g
    • .row
    • .container
  4. What is the smallest column class in Pure Grid?

    • .pure-u-1
    • .pure-u-1-2
    • .pure-u-1-24
    • .pure-col
  5. Which class is used for buttons in Pure.css?

    • .btn
    • .pure-btn
    • .button
    • .pure-button
  6. Which media query syntax is compatible with Pure.css for responsive design?

    • @media (device)
    • @media screen and (min-width: 768px)
    • @pure-media
    • @media-pure
  7. How can you limit Pure.css to only buttons and forms?

    • Use the CDN
    • Manually include only needed CSS modules
    • Install via NPM
    • Use pure.min.css
  8. What does .pure-u-md-1-2 do?

    • Sets 50% width on all screens
    • Sets 50% width on medium screens
    • Sets margin 1-2
    • Undefined class
  9. How can you create a dropdown menu using Pure.css?

    • Use .pure-menu-dropdown
    • Use JavaScript only
    • Use Bootstrap
    • Pure doesn’t support dropdowns
  10. What module handles grid layout in Pure.css?

    • pure.css/base
    • pure.css/forms
    • pure.css/grids
    • pure.css/buttons
  11. How can you create a reusable UI component using Pure.css?

    • Use jQuery UI
    • Create a Web Component
    • Extend with utility classes
    • Only with Bootstrap
  12. What tool can remove unused Pure.css classes in production?

    • Sass
    • PurgeCSS
    • Babel
    • ESLint
  13. Which build tool is commonly used to bundle Pure.css in large projects?

    • Composer
    • Postman
    • Webpack
    • Gulp
  14. How can you use CSS variables with Pure.css for theming?

    • Pure doesn’t support variables
    • Modify grid units
    • Use :root to define and override styles
    • Use JavaScript
  15. Which method allows you to combine Pure.css with Tailwind CSS effectively?

    • Use one at a time
    • Use inline styles only
    • Scope styles using components
    • Tailwind and Pure conflict completely