CODEWITHSUNDEEP
htmlcss
Kyram Kiwi Singleton of DBK
Kyram Kiwi Singleton of DBK

Reputation: 3

One specific html page in my website displays properly when previewed but displays incorrectly live

I designed a Mobile-first responsive site www.designsbykyram.com

When previewing http://www.designsbykyram/photography.html in the browser, it displays properly with the design I created for it for all pages displaying on screens larger than 950px with LargeDevice.css, but only when live on the web, it displays as if it was being shown on a tablet and reading the css file for tablet sizes.

The page is configured Exactly the same way as the others , yet displaying differently only when live, what am I doing wrong here?

Of course I made sure the page was uploaded to the same folder online as locally since I just dragged and dropped the entire directory over to the web

This is a helpful image visually showing what the problem is:

Upvotes: 0

Views: 32

Answers (1)

Maantje
Maantje

Reputation: 1801

You have a typing error in there use 

<link rel="stylesheet" media="screen and (min-width:950px)" href="css/largeDevice.css">

remove capital L

Your local machines filesystem probably ignores capitals and the server does not.

Upvotes: 1

Related Questions