### Responsive CSS Layout and Styling Rules

Source: https://www.wisdomprompt.com/general/how-to-deploy-revolutionary-ai-tools-with-zero-coding/

This CSS code defines styles for various layout elements, including grid items, blog posts, and shop products. It includes responsive adjustments for different screen sizes, ensuring a consistent user experience across devices.

```CSS
1of2:nth-child(2n),.et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_blog_grid .column.size-1of3:nth-child(3n),.et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_grid_item.last_in_row,.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2:nth-child(2n),.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of3:nth-child(3n),.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_grid_item.last_in_row{margin-right:0}.et_pb_gutters1 .et_pb_column .et_pb_grid_item.on_last_row,.et_pb_gutters1 .et_pb_column_2_3 .et_pb_grid_item.on_last_row,.et_pb_gutters1 .et_pb_column_3_4 .et_pb_grid_item.on_last_row,.et_pb_gutters1.et_pb_row .et_pb_column_1_2 .et_pb_grid_item.on_last_row,.et_pb_gutters1.et_pb_row .et_pb_column_2_3 .et_pb_grid_item.on_last_row,.et_pb_gutters1.et_pb_row .et_pb_column_3_4 .et_pb_grid_item.on_last_row{margin-bottom:0}.et_pb_gutters1 .et_pb_portfolio_grid .et_pb_grid_item .et_pb_module_header:last-child,.et_pb_gutters1 .et_pb_portfolio_grid .et_pb_grid_item h2:last-child{line-height:normal}}@media (max-width:980px){.et_pb_gutters1 .et_pb_column .et_pb_grid_item,.et_pb_gutters1 .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_grid_item,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product{margin:0;width:33.333%}.et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_column .et_pb_widget,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_widget{width:50%}.et_pb_gutters1 .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post{margin-bottom:0}.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1 .et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_grid_item,.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6 .et_pb_widget,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1 .et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_grid_item,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1 .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4 .et_pb_widget,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_grid_item,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters1 .et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5 .et_pb_widget,.et_pb_gutters1 .et_pb_row_1-6_1
```

--------------------------------

### Divi Theme CSS Reset and Base Styles

Source: https://www.wisdomprompt.com/gpts/chefs-assistant-gpts-your-ai-powered-culinary-guide/

Provides a CSS reset and base styling for common HTML elements. This ensures a consistent starting point for the theme's design across different browsers.

```css
a,abbr,acronym,address,applet,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  vertical-align:baseline;
  background:transparent
}
body{
  line-height:1
}
ol,ul{
  list-style:none
}
blockquote,q{
  quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
  content:"";
  content:none
}
blockquote{
  margin:20px 0 30px;
  border-left:5px solid;
  padding-left:20px
}
:focus{
  outline:0
}
del{
  text-decoration:line-through
```

--------------------------------

### Custom jQuery/DOM Manipulation Setup

Source: https://www.wisdomprompt.com/contact/

JavaScript code that defines custom implementations for jQuery and the '$' alias, including methods for ready and load events. This setup appears to be a custom or polyfill implementation.

```javascript
let jqueryParams=[],jQuery=function(r){return jqueryParams=[...jqueryParams,r],jQuery},$=function(r){return jqueryParams=[...jqueryParams,r],$};window.jQuery=jQuery,window.$=jQuery;let customHeadScripts=!1;jQuery.fn=jQuery.prototype={},$.fn=jQuery.prototype={},jQuery.noConflict=function(r){if(window.jQuery)return jQuery=window.jQuery,$=window.jQuery,customHeadScripts=!0,jQuery.noConflict},jQuery.ready=function(r){jqueryParams=[...jqueryParams,r]},$.ready=function(r){jqueryParams=[...jqueryParams,r]},jQuery.load=function(r){jqueryParams=[...jqueryParams,r]},$.load=function(r){jqueryParams=[...jqueryParams,r]},jQuery.fn.ready=function(r){jqueryParams=[...jqueryParams,r]},$.fn.ready=function(r){jqueryParams=[...jqueryParams,r]}
```

--------------------------------

### Divi Theme and Builder Parameters

Source: https://www.wisdomprompt.com/general/how-to-deploy-revolutionary-ai-tools-with-zero-coding/

JavaScript objects containing settings for the Divi theme and its builder, including item counts, conditional logic for themes, scroll locations, and AJAX URLs for frontend operations.

```javascript
/* <!CDATA[ */
var DIVI = {"item_count":"%d Item","items_count":"%d Items"};
var et_builder_utils_params = {"condition":{"diviTheme":true,"extraTheme":false},"scrollLocations":["app","top"],"builderScrollLocations":{"desktop":"app","tablet":"app","phone":"app"},"onloadScrollLocation":"app","builderType":"fe"};
var et_frontend_scripts = {"builderCssContainerPrefix":"#et-boc","builderCssLayoutPrefix":"#et-boc .et-l"};
var et_pb_custom = {"ajaxurl":"https:\/\/www.wisdomprompt.com\/wp-admin\/admin-ajax.php","images_uri":"https:\/\/www.wisdomprompt.com\/wp-content\/themes\/Divi\/images","builder_images_uri":"https:\/\/www.wisdomprompt.com\/wp-content\/themes\/Divi\/includes\/builder\/frontend-builder\/assets\/vendors","et_frontend_nonce":"f655c068ea","subscription_failed":"Please, check the fields below to make sure you entered the correct information.","et_ab_log_nonce":"58cbdc577b","fill_message":"Please, fill in the following fields:","contact_error_message":"Please, fix the following errors:","invalid":"Invalid email","captcha":"Captcha","prev":"Prev","previous":"Previous","next":"Next","wrong_captcha":"You entered the wrong number in captcha.","wrong_checkbox":"Checkbox","ignore_waypoints":"no","is_divi_theme_used":"1","widget_search_selector":".widget_search","ab_tests":[],"is_ab_testing_active":"","page_id":"1411","unique_test_id":"","ab_bounce_rate":"5","is_cache_plugin_active":"no","is_shortcode_tracking":"","tinymce_uri":"https:\/\/www.wisdomprompt.com\/wp-content\/themes\/Divi\/includes\/builder\/frontend-builder\/assets\/vendors","accent_color":"#0f0022","waypoints_options":[]};
var et_pb_box_shadow_elements = [];
/* ]]> */
```

--------------------------------

### Schema.org Blog Posting Markup

Source: https://www.wisdomprompt.com/gpts/chefs-assistant-gpts-your-ai-powered-culinary-guide/

This JSON-LD script provides structured data for a blog post titled 'Chef’s Assistant GPTs: Your AI-Powered Culinary Guide'. It includes details about the article, author, publisher, images, publication dates, and breadcrumb navigation, adhering to Schema.org standards.

```json-ld
{
  "@context": "https:\/\/schema.org",
  "@graph": [
    {
      "@type": "BlogPosting",
      "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#blogposting",
      "name": "Chef\u2019s Assistant GPTs: Your AI-Powered Culinary Guide",
      "headline": "Chef&#8217;s Assistant GPTs: Your AI-Powered Culinary Guide",
      "author": {
        "@id": "https:\/\/www.wisdomprompt.com\/author\/user\/#author"
      },
      "publisher": {
        "@id": "https:\/\/www.wisdomprompt.com\/#organization"
      },
      "image": {
        "@type": "ImageObject",
        "url": "https:\/\/www.wisdomprompt.com\/wp-content\/uploads\/2023\/11\/11870986-e391-47ea-b2c1-7929e0dcea81.webp",
        "width": 1344,
        "height": 768
      },
      "datePublished": "2023-11-15T22:50:46+00:00",
      "dateModified": "2025-01-26T02:20:50+00:00",
      "inLanguage": "en-US",
      "mainEntityOfPage": {
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#webpage"
      },
      "isPartOf": {
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#webpage"
      },
      "articleSection": "GPTs"
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#breadcrumblist",
      "itemListElement": [
        {
          "@type": "ListItem",
          "@id": "https:\/\/www.wisdomprompt.com#listItem",
          "position": 1,
          "name": "Home",
          "item": "https:\/\/www.wisdomprompt.com",
          "nextItem": {
            "@type": "ListItem",
            "@id": "https:\/\/www.wisdomprompt.com\/category\/gpts\/#listItem",
            "name": "GPTs"
          }
        },
        {
          "@type": "ListItem",
          "@id": "https:\/\/www.wisdomprompt.com\/category\/gpts\/#listItem",
          "position": 2,
          "name": "GPTs",
          "item": "https:\/\/www.wisdomprompt.com\/category\/gpts\/",
          "nextItem": {
            "@type": "ListItem",
            "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#listItem",
            "name": "Chef&#8217;s Assistant GPTs: Your AI-Powered Culinary Guide"
          },
          "previousItem": {
            "@type": "ListItem",
            "@id": "https:\/\/www.wisdomprompt.com#listItem",
            "name": "Home"
          }
        },
        {
          "@type": "ListItem",
          "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#listItem",
          "position": 3,
          "name": "Chef\u2019s Assistant GPTs: Your AI-Powered Culinary Guide",
          "previousItem": {
            "@type": "ListItem",
            "@id": "https:\/\/www.wisdomprompt.com\/category\/gpts\/#listItem",
            "name": "GPTs"
          }
        }
      ]
    },
    {
      "@type": "Organization",
      "@id": "https:\/\/www.wisdomprompt.com\/#organization",
      "name": "WisdomPrompt Inc.",
      "description": "The Future of GPTs",
      "url": "https:\/\/www.wisdomprompt.com\/",
      "email": "info@wisdomprompt.com",
      "telephone": "+15145535775",
      "foundingDate": "2024-01-01",
      "logo": {
        "@type": "ImageObject",
        "url": "https:\/\/www.wisdomprompt.com\/wp-content\/uploads\/2023\/11\/wisdomprompt_logo-2.png",
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#organizationLogo",
        "width": 3036,
        "height": 718
      },
      "image": {
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#organizationLogo"
      }
    },
    {
      "@type": "Person",
      "@id": "https:\/\/www.wisdomprompt.com\/author\/user\/#author",
      "url": "https:\/\/www.wisdomprompt.com\/author\/user\/",
      "name": "user",
      "image": {
        "@type": "ImageObject",
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#authorImage",
        "url": "https:\/\/secure.gravatar.com\/avatar\/b4c9a289323b21a01c3e940f150eb9b8c542587f1abfd8f0e1cc1ffc5e475514?s=96&d=mm&r=g",
        "width": 96,
        "height": 96,
        "caption": "user"
      }
    },
    {
      "@type": "WebPage",
      "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#webpage",
      "url": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/",
      "name": "Chef\u2019s Assistant GPTs: Your AI-Powered Culinary Guide",
      "description": "Discover how Chef's Assistant GPTs are revolutionizing home cooking with AI-powered culinary advice and tips.",
      "inLanguage": "en-US",
      "isPartOf": {
        "@id": "https:\/\/www.wisdomprompt.com\/#website"
      },
      "breadcrumb": {
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#breadcrumblist"
      },
      "author": {
        "@id": "https:\/\/www.wisdomprompt.com\/author\/user\/#author"
      },
      "creator": {
        "@id": "https:\/\/www.wisdomprompt.com\/author\/user\/#author"
      },
      "image": {
        "@type": "ImageObject",
        "url": "https:\/\/www.wisdomprompt.com\/wp-content\/uploads\/2023\/11\/11870986-e391-47ea-b2c1-7929e0dcea81.webp",
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#mainImage",
        "width": 1344,
        "height": 768
      },
      "primaryImageOfPage": {
        "@id": "https:\/\/www.wisdomprompt.com\/gpts\/chefs-assistant-gpts-your-ai-powered-culinary-guide\/#mainImage"
      },
      "datePublished": "2023-11-15T"
    }
  ]
}
```

--------------------------------

### WooCommerce Product & Blog Grid CSS

Source: https://www.wisdomprompt.com/general/how-to-deploy-revolutionary-ai-tools-with-zero-coding/

CSS rules for responsive WooCommerce product listings and blog grids, handling various column layouts and media queries for different screen sizes. This code targets specific Divi theme classes for layout control.

```css
ommerce-page #main-content ul.products li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:28.353%;margin-right:7.47%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-1 li.product{width:100%;margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product,.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li.product{width:48%;margin-right:4%}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(2n+2){margin-right:0}.et_pb_gutters3.et_left_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1),.et_pb_gutters3.et_right_sidebar.woocommerce-page #main-content ul.products.columns-2 li:nth-child(3n+1){clear:none}} @media (min-width:981px){.et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child,.et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post:last-child,.et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child,.et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post:last-child,.et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post:last-child,.et_pb_gutters3.et_pb_row .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child{margin-bottom:30px}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget{width:20.875%;margin-right:5.5%;margin-bottom:5.5%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3{width:29.667%;margin-right:5.5%}.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post{margin-bottom:18.539%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_3_4 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_widget{width:28.353%;margin-right:7.47%;margin-bottom:7.47%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2{width:46.265%;margin-right:7.47%}.et_pb_gutters3 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post{margin-bottom:14.941%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_2_3 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_widget{width:45.758%;margin-right:8.483%;margin-bottom:8.483%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_blog_grid .column.size-1of2{width:45.758%;margin-right:8.483%}.et_pb_gutters3 .et_pb_column_2_3 .et_pb_blog_grid .column.size-1of2 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_blog_grid .column.size-1of2 .et_pb_post{margin-bottom:16.967%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_3_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_3_5 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_widget{width:45.758%;margin-right:8.483%;margin-bottom:8.483%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of2,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of2{width:45.758%;margin-right:8.483%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of2 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of2 .et_pb_post{margin-bottom:16.967%}
```

--------------------------------

### fadeInBottom Animation (CSS)

Source: https://www.wisdomprompt.com/general/how-to-blend-emotion-and-logic-for-magnetic-headlines/

Defines a CSS keyframe animation that fades an element in from the bottom, starting with zero opacity and moving upwards.

```css
@keyframes fadeInBottom{
  0%{
    opacity:0;
    -webkit-transform:translatey(60%);
    transform:translatey(60%)
  }
  to{
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0)
  }
}
```

--------------------------------

### Divi Background Layout Styling

Source: https://www.wisdomprompt.com/general/how-to-deploy-revolutionary-ai-tools-with-zero-coding/

Styles for Divi's background layout options, specifically for light and dark themes. It includes rules for text color to ensure readability against different background types.

```CSS
.et_pb_bg_layout_dark,.et_pb_bg_layout_dark h1,.et_pb_bg_layout_dark h2,.et_pb_bg_layout_dark h3,.et_pb_bg_layout_dark h4,.et_pb_bg_layout_dark h5,.et_pb_bg_layout_dark h6 {
  color: #fff!important;
}
.et_pb_bg_layout_light .et_pb_more_button {
  color: #2ea3f2;
}
```

--------------------------------

### Responsive Layout and Navigation Styles

Source: https://www.wisdomprompt.com/gpts/saas-gpt-your-go-to-saas-solution-consultant/

Defines CSS rules for responsive column layouts, navigation bar styling, header fixed behavior, and logo display. Includes media queries for different screen sizes to ensure proper rendering.

```css
olumn.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_1-2_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_1-5_1-5_3-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_3-5_1-5_1-5>.et_pb_column.et_pb_column_1_5,.et_pb_gutters1.et_pb_row_4col>.et_pb_column.et_pb_column_1_4,.et_pb_gutters1.et_pb_row_5col>.et_pb_column.et_pb_column_1_5{width:50%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1 .et_pb_row_6col>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-2_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_6col>.et_pb_column.et_pb_column_1_6{width:33.333%;margin-right:0}.et_pb_gutters1 .et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6,.et_pb_gutters1.et_pb_row_1-6_1-6_1-6_1-6>.et_pb_column.et_pb_column_1_6{width:50%;margin-right:0}}@media (max-width:767px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}}@media (max-width:479px){.et_pb_gutters1 .et_pb_column,.et_pb_gutters1.et_pb_row .et_pb_column{margin:0!important}.et_pb_gutters1 .et_pb_column .et_pb_module,.et_pb_gutters1.et_pb_row .et_pb_column .et_pb_module{margin-bottom:0}} #et-secondary-menu li,#top-menu li{word-wrap:break-word}.nav li ul,.et_mobile_menu{border-color:#2EA3F2}.mobile_menu_bar:before,.mobile_menu_bar:after,#top-menu li.current-menu-ancestor>a,#top-menu li.current-menu-item>a{color:#2EA3F2}#main-header{-webkit-transition:background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s;transition:background-color 0.4s, color 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s;transition:background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;transition:background-color 0.4s, color 0.4s, transform 0.4s, opacity 0.4s ease-in-out, -webkit-transform 0.4s}#main-header.et-disabled-animations *{-webkit-transition-duration:0s !important;transition-duration:0s !important}.container{text-align:left;position:relative}.et_fixed_nav.et_show_nav #page-container{padding-top:80px}.et_fixed_nav.et_show_nav.et-tb #page-container,.et_fixed_nav.et_show_nav.et-tb-has-header #page-container{padding-top:0 !important}.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container{padding-top:111px}.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{padding-top:177px}.et_fixed_nav.et_show_nav.et_header_style_centered #page-container{padding-top:147px}.et_fixed_nav #main-header{position:fixed}.et-cloud-item-editor #page-container{padding-top:0 !important}.et_header_style_left #et-top-navigation{padding-top:33px}.et_header_style_left #et-top-navigation nav>ul>li>a{padding-bottom:33px}.et_header_style_left .logo_container{position:absolute;height:100%;width:100%}.et_header_style_left #et-top-navigation .mobile_menu_barpadding-bottom:24px}.et_hide_search_icon #et_top_search{display:none !important}#logo{width:auto;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;margin-bottom:0;max-height:54%;display:inline-block;float:none;vertical-align:middle;-webkit-transform:translate3d(0, 0, 0)}.et_pb_svg_logo #logo{height:54%}.logo_container{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}span.logo_helper{display:inline-block;height:100%;vertical-align:middle;width:0}.safari .centered-inline-logo-wrap{-webkit-transform:translate3d(0, 0, 0);-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}#et-define-logo-wrap img{width:100%}.gecko #et-define-logo-wrap.svg-logo{position:relative !important}#top-menu-nav,#top-menu{line-height:0}#et-top-navigation{font-weight:600}.et_fixed_nav #et-top-navigation{-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}.et-cart-info span:before{content:"\e07a";margin-right:10px;position:relative}nav#top-menu-nav,#top-menu,nav.et-menu-nav,.et-menu{float:left}#top-menu li{display:inline-block;font-size:14px;padding-right:22px}#top-menu>li:last-child{padding-right:0}.et_fullwidth_nav.et_non_fixed_nav.et_header_style_left #top-menu>li:last-child>ul.sub-menu{right:0}#top-menu a{color:rg
```

--------------------------------

### fadeOutBottom Animation (CSS)

Source: https://www.wisdomprompt.com/general/how-to-blend-emotion-and-logic-for-magnetic-headlines/

Defines a CSS keyframe animation that fades an element out to the bottom, starting with full opacity and moving downwards.

```css
@keyframes fadeOutBottom{
  0%{
    opacity:1;
    -webkit-transform:translatey(0);
    transform:translatey(0)
  }
  to{
    opacity:0;
    -webkit-transform:translatey(60%);
    transform:translatey(60%)
  }
}
```

--------------------------------

### Lazy Loading CSS

Source: https://www.wisdomprompt.com/general/a-guide-to-building-custom-ai-agents-for-your-business/

CSS rule to set a minimum height for lazy-loaded images, preventing layout shifts.

```css
img.lazy{min-height:1px}
```

--------------------------------

### CSS: Grid and Product Layout Styles

Source: https://www.wisdomprompt.com/general/beyond-simple-answers-how-ai-agents-revolutionize-your-workflow/

This CSS defines responsive grid layouts and styling for product listings and blog posts. It specifies widths, margins, and spacing for various column configurations (e.g., 3/5, 1/2, 2/5) and elements like product items and widgets, ensuring consistent presentation across different screen sizes.

```css
.et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_3_5 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_widget{width:45.242%;margin-right:9.516%;margin-bottom:9.516%}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of1{width:100%;margin-right:0}.et_pb_gutters3 .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_3_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post{margin-bottom:9.516%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_1_2 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_widget{width:44.18%;margin-right:11.64%;margin-bottom:11.64%}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_blog_grid .column.size-1of1,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_blog_grid .column.size-1of1{width:100%;margin-right:0}.et_pb_gutters3 .et_pb_column_1_2 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_blog_grid .column.size-1of1 .et_pb_post{margin-bottom:11.64%}.et_pb_gutters3 .et_pb_column_2_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3 .et_pb_column_2_5 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_2_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_2_5 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_2_5 .et_pb_widget{width:100%;margin-bottom:14.986%}.et_pb_gutters3 .et_pb_column_1_3 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3 .et_pb_column_1_3 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_1_3 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_1_3 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_widget{width:100%;margin-bottom:18.539%}.et_pb_gutters3 .et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3 .et_pb_column_1_4 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_1_4 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_widget{width:100%;margin-bottom:26.347%}.et_pb_gutters3 .et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3 .et_pb_column_1_5 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_1_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_1_5 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_grid_item,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3.et_pb_row .et_pb_column_1_5 .et_pb_widget{width:100%;margin-bottom:35.256%}.et_pb_gutters3 .et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3 .et_pb_column_1_6 .et_pb_grid_item,.et_pb_gutters3 .et_pb_column_1_6 .et_pb_shop_grid .woocommerce ul.products li.product,.et_pb_gutters3 .et_pb_column_1_6 .et_pb_widget,.et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_blog_grid .column.size-1of1 .et_pb_post,.et_pb_gutters3.et_pb_row .et_pb_column_1_6 .et_pb_grid_item,.et_pb
```