E-commerce Webpage Performance Comparison

This repository contains two versions of an e-commerce product listing webpage to compare web performance:

• Tailwind CSS Version: Located in the tailwind/ directory.
• BEM (Block Element Modifier) Version: Located in the bem/ directory.

Table of Contents

• Overview
• Getting Started
  • Prerequisites
  • Usage
• Performance Testing
• Results
• License

Overview

The purpose of this project is to compare the web performance between:

1. A webpage built using Tailwind CSS.
2. The same webpage built using BEM methodology with custom CSS.

Both pages are identical in terms of content and structure, featuring:

• A sticky header.
• A responsive hamburger menu for mobile viewports.
• A footer with multiple links.
• A product listing section displaying 20 products.
• Filtering controls for the product listings.

Getting Started

Prerequisites

• Web browser (Google Chrome recommended for performance testing)
• Internet connection (Tailwind CSS version uses CDN)

Usage

1. Clone the Repository

   ```bash git clone https://github.com/yourusername/ecommerce-performance-comparison.git