The latest articles on DEV Community by Wali muhd Soomro (@wali_muhdsoomro_343498be). https://dev.to/wali_muhdsoomro_343498be https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3723675%2F38cd657c-212a-4167-b983-1c2dd392a4f5.png https://dev.to/wali_muhdsoomro_343498be en Wali muhd Soomro Wed, 21 Jan 2026 11:42:13 +0000 https://dev.to/wali_muhdsoomro_343498be/my-first-htmlcss-portfolio-lessons-mistakes-and-next-steps-1jk7 https://dev.to/wali_muhdsoomro_343498be/my-first-htmlcss-portfolio-lessons-mistakes-and-next-steps-1jk7 <p>Hey, everyone! </p> <p>I’m a beginner front-end developer and recently built my first personal portfolio website using only HTML and CSS.</p> <h1> What I focused on </h1> <ul> <li>Flexbox for layout and alignment </li> <li>Box shadows and simple UI styling </li> <li>Structuring sections like hero, skills, and projects </li> </ul> <h1> What I struggled with </h1> <ul> <li>Spacing Sizing of sections.</li> <li>dedicating a lot to make it clean and responsive.</li> <li>Deciding what to include as a “project” when you’re just starting.</li> </ul> <h1> Links </h1> <ul> <li>Live site: <a href="https://edward-dev-bot.github.io/personal-portfolio/" rel="noopener noreferrer">https://edward-dev-bot.github.io/personal-portfolio/</a> </li> <li>GitHub repo: <a href="https://github.com/edward-dev-bot/personal-portfolio" rel="noopener noreferrer">https://github.com/edward-dev-bot/personal-portfolio</a> </li> </ul> <h1> Feedback welcome </h1> <p>I’d love advice on:</p> <ul> <li>CSS structure and naming</li> <li>Layout improvements</li> <li>What I should focus on learning next as a beginner</li> </ul> <p>Thanks for reading!</p> beginners css html frontend