Newbie’s Challenge: Overcoming Code Size Limit for RWD Portfolio Project – Tips and GitHub Links

HTML-CSS
1

Hi FreeCodeCamp Community,

I’m a newbie here, and I’m so grateful for all the resources and support you’ve provided as I work through the Responsive Web Design (RWD) curriculum. I recently finished the Portfolio Project and ran into a challenge when submitting my code.

image
image1350×276 32.9 KB

I got an error saying my code was 137,953 bytes, which is over the 102,400-byte limit FreeCodeCamp allows. As a beginner, I was a bit worried, but I wanted to share what I learned in case it helps others like me.

After some Google searches, I managed to pass the test by minifying my HTML and CSS using online tools like www(dot)minifier(dot)org . This shrunk my file size enough to submit successfully. I also simplified some hidden elements (which I added just to pass the test) to make my code lighter without changing the visible parts of my portfolio. It was a great learning experience, especially since I spent almost 1 and half days mastering CSS Scroll-Driven animations for this project!

I’m a bit nervous posting this as a newbie, but I hope my story can help someone else facing the same issue. I can’t include my full code here because it’s too large for the forum’s character limit, but you can check out my complete portfolio code on GitHub:

I’d love any advice or tips from more experienced developers on managing code size or improving my portfolio. Thank you so much for being such an inspiring and supportive community—I couldn’t have gotten this far without you!

Best regards,
Himal Erangana.

2

the code for your portfolio is visible with your certification, so maybe you may want to show tidy code, but a bit less code on the page, so that your code is readable, if you want to share your certification

1 Like