πŸš€ My Developer Portfolio Is Live and Now Fully Responsive!



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