htmlcsssections

Div in section not behaving as expected

I have problem with div in my section i want it to follow the picture image (to be in line with it ) like this: enter image description here

But instead it just stays on the left side like this:

enter image description here

I tried changing some styles and div position inside my HTML but nothing seems to work My code is available at: https://codepen.io/wodosharlatan/pen/jOpLVBQ?editors=1100 Any help is appreciated, but please try to make it as responsive as possible. Thanks

Solution

  • Based on your codepen, just change your image width from 256px to 100%.

    CSS like this:

    .portfolio__img {
   width         : 100%   ;   /* change width */
   height        : auto   ;   /* add height auto */
   border-radius : 0.5rem ;
   justify-self  : center ;
}