Prompt For Pricing Table With Css Grid

Views

Tested

Tips

Create a step-by-step guide to design and implement a responsive pricing table using CSS Grid and custom hover effects

...more

$3.99

Get prompt

After purchasing, you will gain access to the prompt file which you can use with GPT or the app builder. You'll receive 20 free generation credits with this purchase. By purchasing this prompt, you agree to our terms of service.

1 year ago

Prompt Details

Model

Chat - GPT-4 (gpt-4)

Token size

87 ($0.00260 / call)

Example input

Small part of input: include code snippets and explanations for various features such as the layout, color choices, font styles, hover effects, and any additional enhancements for an engaging user experience

Example output

Small part of output; <div class="pricing-table"> <div class="plan"> <h3>Basic</h3> <p class="price">$10</p> <ul> <li>Feature 1</li> <li>Feature 2</li> <li>Feature 3</li> </ul> <a href="#" class="button">Buy Now</a> </div> <div class="plan featured"> <h3>Pro</h3> <p class="price">$20</p> <ul> <li>Feature 1</li> <li>Feature 2</li> <li>Feature 3</li> <li>Feature 4</li> <li>Feature 5</li> </ul> <a href="#" class="button">Buy Now</a> </div> <div class="plan"> <h3>Premium</h3> <p class="price">$30</p> <ul> <li>Feature 1</li> <li>Feature 2</li> <li>Feature 3</li> <li>Feature 4</li> <li>Feature 5</li> <li>Feature 6</li> </ul> <a href="#" class="button">Buy Now</a> </div> </div>