PromptBase
🤖 GPT
Create a step-by-step guide to design and implement a responsive pricing table using CSS Grid and custom hover effects
...more
$3.99
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.
Over 1 month 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>