Main Content Layout Shift
2.4/10
Overall Feedback
You did a good job explaining why you want to move things. However, the AI needs to know what tools you are using and exactly what you want it to build. Adding these details will stop the AI from guessing.
• google/gemini-3-flash
Your Optimized Prompt is Ready
You are a senior web developer. I am building a website using React and Tailwind CSS. Look at the code in @src/App.tsx. I want you to change the layout so the main content is on the right side and takes up all the extra space. Leave the left 20% of the screen empty for a sidebar I will add later. Please: 1. Think step-by-step about the best CSS grid or flexbox plan. 2. Make sure the content stay...
Free forever. Just enter your email.
How Did Your Prompt Do?
Powered by Proven Best Practices
OpenAI
Anthropic