DEV Community


Need help regarding Responsive layout for a portfolio project.

Kishan Sheth
I am a kind of guy who likes programming at its core; excellent communication as well as leadership skills. Detail oriented and organised professional.
・1 min read

I am currently working on a portfolio project and I have used some background images for styling.

This is what the website looks on my device. But when I switch to responsive mode then everything just gets messed up. I can do this with media queries but since it just gets messed up by every pixel, is there any other solution for this.

I have used multiple background images for this. If there is any more efficient way to achieve this kind of layout then please do let me know.

You can check out the code from this link.

Discussion (1)

violet profile image

Instead of having multiple background images which you position, try to have only one big image and place it with background-size: cover. This will scale nicely on responsive break points too.