DEV Community

🚀 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 live site. Turns out, the answer was hidden in a single command:

bash
python manage.py collectstatic --noinput
Enter fullscreen mode Exit fullscreen mode

🎯 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

Top comments (0)