CSS Battle Style, Code, Create

Test your CSS skills in this exciting frontend design challenge

00
Days
00
Hours
00
Minutes
00
Seconds

Date

Poush 14

Duration

1.5 Hours

Participants

Individual

Prize Pool

Gadgets

Event Details

Everything you need to know about the CSS Battle competition

About the CSS Battle

The NMSS IT Fest CSS Battle is a competitive event where participants use their CSS skills to replicate given designs. This challenge tests your understanding of CSS properties, layout techniques, and creative problem-solving abilities.

Participants will be presented with target designs and must write CSS code to recreate them as accurately as possible. The competition will include multiple rounds with increasing complexity, from basic shapes to complex layouts and animations.

Goal: "Pixel Perfect"

This event emphasizes precision and attention to detail in frontend development, challenging participants to match designs pixel by pixel.

Schedule

CSS Battle

10:30 AM - 12:00 PM

CSS Battle Competition

10:30 AM

Registration & Instructions

10:45 AM - 11:30 AM

Round 1: Basic Styling

11:30 AM - 12:00 PM

Round 2: Advanced Layouts

12:00 PM

Results & Awards

Rules & Guidelines

  • Code Restrictions

    Only CSS code is allowed. No JavaScript or HTML modifications

  • Time Limits

    Each round has specific time limits that must be strictly followed

  • Scoring

    Based on accuracy (70%) and code efficiency (30%)

  • Internet Access

    No internet access during the competition. Resources must be offline

  • Final Ranking

    Cumulative scores from all rounds will determine the final ranking

Prizes & Recognition

First Place

Keyboard, Mouse and Mousepad

  • Certificate of Excellence
  • Medal

Second Place

Keyboard and Mouse

  • Certificate of Achivement
  • Medal

Third Place

Keyboard

  • Certificate of Merit
  • Medal

Register for CSS Battle

Join the ultimate CSS coding challenge