Palworld Copy Site

Tech Stack

HTML CSS JavaScript
  • Responsive layout rebuilt from scratch—no frameworks, just fundamentals
  • Designed custom mobile layout rather than copying original site’s scaling
  • Background images and layout mirrored from the real site structure
  • Implemented external link handling via JavaScript event listeners
View Live Site

Project Overview

I recreated the Palworld site because it’s a game I genuinely enjoy and the design challenged me. What started as a quick styling exercise became a deep dive into CSS layout, spacing, and responsive design. The original site’s mobile version simply shrunk down, so I rebuilt the smaller screen layouts to feel intentional and readable. Without relying heavily on JavaScript, I focused on writing clean, semantic HTML and CSS that adapts gracefully across devices. This project showed me that given a design, I can translate it into a fully responsive, polished website — and it’s one of the builds I’m most proud of.

Demo Video

Future Improvements / What I would change

  • Rebuild the site using React components for better structure and scalability
  • Add the interactive menu from the original site’s header, including pages for other Palworld games
  • Refactor image handling—some elements don’t size correctly due to using background-image instead of <img>
  • Refactor external links to use semantic anchor tags instead of JavaScript for cleaner markup and better accessibility