Personal portfolio responsiveness

1

Howcome: https://codepen.io/drdre5/pen/OJyEKKY is not responsive when I shrink the screen? I used % for the grid-template columns.

Thanks,

Andrej

2

Some things to help yourself before anyone helps you;

  • Keep the test script. It’s easier to pass all the user stories and then style.
  • Run your HTML code through the W3C validator.
    • You have errors you need to address, elements not closed, etc.
  • There are typo’s in CSS so you’re not styling your page the way you want to.

Edit;

4

Ok, I get a 404 error message when I click on the links you provided

Thanks,

Andrej

5

Maybe because you didn’t follow the instructions that say to replace userName and penName

7

It still doesn’t work. I dont have the pro version which might be the issue?

8

I was able to figure out a way to make my projects span and display across the whole page and be responsive, but I wasnt able to make it so that only two projects were displayed at once in the middle once the screen was full width, because when I resized the screen to be smaller the projects were displayed in one column which didnt look good.

How would I make it so that I have two projects displayed close to the middle of the screen and then when you resize the screen to the smallest width there are still two projects in the middle.

I am working on figuring out this issue before any other one.

Code: https://codepen.io/drdre5/pen/OJyEKKY

Thanks,

Andrej

9

No, you don’t need the pro version.
This is a forum. You have to say more than “it still doesn’t work”. What doesn’t work. What have you tried? Show me a URL, tell me something I can work with.

10

My pen name is Nikola. My username is aoljaca.

So I put in the url: https://codepen.io/aoljaca/pen/Nikola/image/small.png

It said 404 error.

Thanks,

Andrej

11

Hmmm…from what I can see, your codepen user name is aoljaca and one of your pen’s name is OJyEKKY
penName is assigned by codepen. It’s not a title you give it, it’s part of the URL when you call that pen.
So one URL is; https://codepen.io/aoljaca/pen/OJyEKKY/image/small.png

1 Like