*{margin:0;padding:0;font-family:Courier New,Courier,monospace}.container{width:85%;margin:30px auto;flex-direction:row;display:flex;gap:20px}.createPost{padding:10px;background-color:#f9eee1;width:200px;border-radius:10px;height:250px}.createPost img{width:200px;padding-top:10px}.contentAi{width:200px;background-color:#ffcb6b;padding:10px;margin-top:10px;border-radius:10px}.contentAi img{width:200px;padding-top:30px}.social{background-color:#7650dc;padding:20px;border-radius:10px;width:400px}.social p{color:#fff}h1{font-size:30px;color:#fff}.post{display:flex;margin-top:10px;gap:20px}.posts{width:200px;height:180px;border-radius:10px;background-color:#e7e6ea;padding:10px}.posts img{width:200px}.posting{width:180px;height:180px;background-color:#ffcb6b;padding:10px;border-radius:10px}.posting img{width:150px}.growth{width:200px;height:170px;border-radius:10px;background-color:#e7e6ea;padding:10px;margin-top:10px}.growth img{width:200px}.item3{width:200px;background-color:#dacffc;padding:10px;height:390px;margin-left:-240px;border-radius:10px}.item3 img{width:200px;height:200px}.flower{width:410px;height:170px;background-color:#7650dc;display:flex;color:#fff;border-radius:10px;padding:10px;margin-top:10px}@media only screen and (max-width:750px){body{display:flex;flex-direction:column}.container{width:100%;display:flex;margin:0;flex-direction:column}.social{width:100%;order:1}.social img{width:280px}.posts{order:2;width:100%;padding:20px}.posting{order:3;width:100%;padding:20px}.item3{order:4;width:100%;padding:20px;margin-left:0}.flower{order:5;width:100%;display:flex;flex-direction:column;height:320px;padding:20px}.growth{order:6;width:100%;padding:20px}.createPost{order:7;width:100%}.contentAi{order:8;width:100%;padding:20px}.flower img{width:280px}.post{display:flex;flex-direction:column}}