Verse Logo
WEB Dev - Verse'26WEB - V'26
HomeSessionsAssignmentsCode ExamplesMembersLeaderboardAboutContact

Team WEB - Verse'26

Transform from absolute beginner to confident, portfolio-ready web developer in 16 weeks. Master modern web technologies through hands-on projects.

Quick Links

  • Sessions
  • Assignments
  • About
  • Contact

Resources

  • MDN Web Docs
  • W3Schools
  • GitHub
  • CodePen
© 2025 Abdelrhman Nasr. All rights reserved.
Back to Sessions
Week 5CSS Mastery
3 hours

Advanced CSS - Positioning & Pseudo Elements

Master layout control and interactive styling

Learning Objectives

  • Control element positioning
  • Create hover effects
  • Use pseudo elements creatively
  • Apply shadows and rounded corners
  • Build interactive UI components

Topics Covered

  • 1
    CSS Inheritance & Specificity
  • 2
    Position Property (static, relative, absolute, fixed, sticky)
  • 3
    Z-index and Layering
  • 4
    Overflow and Visibility
  • 5
    Pseudo Classes (:hover, :active, :focus, :nth-child)
  • 6
    Pseudo Elements (::before, ::after, ::first-letter)
  • 7
    Border Radius and Shadows
  • 8
    Box Shadow and Text Shadow

Assignment

Team Members Section

Create a team members section with 4-6 cards featuring photos, names, and roles. Implement hover effects, use pseudo elements creatively, and add a fixed header navigation.

Resources

  • • CSS Positioning Guide
  • • Pseudo Elements Examples
View All Assignments

Session's Best Member

SI

Sara Ibrahim

Grade: 95/100✓ Attended

Recognition:

Exceptional use of pseudo elements and smooth hover animations

View Full Leaderboard
Previous SessionNext Session