🔹 Short CSS Instruction Commands
Scope CSS → Prefix all selectors with .post-body (so it only applies inside post/page content).
Example: .post-body h1 { ... }
Responsive Grid → Use display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;.
Image Style → width:100%; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,.1); transition:0.3s;
Image Hover Effect → transform: translateY(-5px); box-shadow:0 8px 25px rgba(0,0,0,.2);
Typography → Use font-family: 'Segoe UI', Roboto, sans-serif; line-height:1.6; color:#333;
Header Text → font-size:2rem; text-align:center; margin-bottom:.5em;
Links → color:#06c; text-decoration:none; and :hover {text-decoration:underline;}
Container → Wrap in .portfolio-container { max-width:1100px; margin:auto; padding:20px; }
