Portfolio Website CSS Page

Step 1: Apply Global Styling

{
margin:0;
padding:0;
box-sizing:border-box;
}

Step 2: Style the Body

body{
background:#f3f4f6;
color:black;

Step 3: Design the Navigation Bar

• Flexbox Layout

• Sticky navigation

• Background color

• Hover effects

Step 4: Design the Hero Section

• Profile image

• Flex layout

• Skill tags

• Resume button

Step 5: Style the About Section

• White card layout

• Rounded corners

• Shadow effects

Step 6: Style the Skills Section

• CSS Grid Layout

• Skill Cards

• Hover Animation

Step 7: Style the Projects Section

• Project cards

• Hover effects

• Box shadows

Step 8: Style Education Section

• Two-column layout

• Information cards

• Clean typography

Step 9: Style Contact Section

• Contact cards

• Social media buttons

• LinkedIn and Gitlab Links

Step 10: Create Responsive Design

@media(max-width:768px)