🚀 My Developer Portfolio Is Live and Now Fully Responsive!

Bringing your work into production is thrilling—until something breaks and you don’t know why. That’s exactly what I faced while deploying my Django-based portfolio.

Despite making all the right changes in my HTML and CSS, nothing was updating on the …


This content originally appeared on DEV Community and was authored by Nicolås Andrés Cano Leal

Bringing your work into production is thrilling—until something breaks and you don’t know why. That’s exactly what I faced while deploying my Django-based portfolio.

Despite making all the right changes in my HTML and CSS, nothing was updating on the live site. Turns out, the answer was hidden in a single command:

bash
python manage.py collectstatic --noinput

🎯 What I Built

A full portfolio site running on PythonAnywhere, styled with custom CSS (nude color palette for minimalist elegance)

Built with Django and Django REST Framework, showing off real API endpoints and dynamic content

Responsive design using Flexbox, Grid, and media queries

Deployment-ready, including secure admin access and custom favicon

📾 Key Win: Debugging in Production

The image in my header was overlapping the page title on mobile. After reviewing my layout and adding all the right media queries
 the issue persisted đŸ˜© But the problem wasn’t layout—it was the old static files being served by Django. Once I re-ran collectstatic inside my virtual environment, everything fell into place.

Imagen de Error

Imagen Mejora

🎹 See It for Yourself

🌐 nicolasandrescl.pythonanywhere.com Feel free to check it out and explore my featured projects. Feedback is always welcome!

Django #Python #BackendDeveloper #WebDevelopment #ResponsiveDesign #PortfolioSite #ProductionDebugging #PythonAnywhere #DevJourney #OpenToWork


This content originally appeared on DEV Community and was authored by Nicolås Andrés Cano Leal


Print Share Comment Cite Upload Translate Updates
APA

NicolĂĄs AndrĂ©s Cano Leal | Sciencx (2025-06-28T01:05:15+00:00) 🚀 My Developer Portfolio Is Live and Now Fully Responsive!. Retrieved from https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/

MLA
" » 🚀 My Developer Portfolio Is Live and Now Fully Responsive!." NicolĂĄs AndrĂ©s Cano Leal | Sciencx - Saturday June 28, 2025, https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/
HARVARD
NicolĂĄs AndrĂ©s Cano Leal | Sciencx Saturday June 28, 2025 » 🚀 My Developer Portfolio Is Live and Now Fully Responsive!., viewed ,<https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/>
VANCOUVER
NicolĂĄs AndrĂ©s Cano Leal | Sciencx - » 🚀 My Developer Portfolio Is Live and Now Fully Responsive!. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/
CHICAGO
" » 🚀 My Developer Portfolio Is Live and Now Fully Responsive!." NicolĂĄs AndrĂ©s Cano Leal | Sciencx - Accessed . https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/
IEEE
" » 🚀 My Developer Portfolio Is Live and Now Fully Responsive!." NicolĂĄs AndrĂ©s Cano Leal | Sciencx [Online]. Available: https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/. [Accessed: ]
rf:citation
» 🚀 My Developer Portfolio Is Live and Now Fully Responsive! | NicolĂĄs AndrĂ©s Cano Leal | Sciencx | https://www.scien.cx/2025/06/28/%f0%9f%9a%80-my-developer-portfolio-is-live-and-now-fully-responsive/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.