# Safari and codepen

**URL:** <https://forum.freecodecamp.org/t/safari-and-codepen/189904>\
**Category:** General\
**Created:** [May 8, 2018, 12:01am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904 "2018-05-08T00:01:50Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![inkedblots](https://avatars.discourse-cdn.com/v4/letter/i/e99b99/32.png) [@inkedblots](https://forum.freecodecamp.org/u/inkedblots)\
**Post date:** [May 8, 2018, 12:01am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/1 "2018-05-08T00:01:50Z")

</div>

I’m trying to fix some issues with my project that a friend brought to my attention but I can’t even get codepen to load correctly in Safari. This is what I get, everything is all garbled. So then I can’t even fix my issues. Does anyone know how to fix this??  
Oh, I am using Windows 10 and Safari from 2012 since there is no newer version (gee, thanks Apple ☹ )

 ![codepen](https://global.discourse-cdn.com/freecodecamp/original/3X/3/e/3ec5090d77aae8e6b376126b2d9ed4ea70983042.jpg)

---

<div class="post-metadata">

**Author:** ![dcookwebdev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dcookwebdev/32/85318_2.png) [@dcookwebdev](https://forum.freecodecamp.org/u/dcookwebdev)\
**Post date:** [May 8, 2018, 2:49am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/2 "2018-05-08T02:49:52Z")

</div>

There’s no way to fix that. That’s a very old version of Safari and a lot of the code that Codepen uses in their site is not compatible that far back. Use a new version of Chrome or Firefox. I haven’t tried but Firefox seems to have had some very good updates recently and has some pretty stellar developer tools too. Chrome does too. Pick one.

---

<div class="post-metadata">

**Author:** ![dcookwebdev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dcookwebdev/32/85318_2.png) [@dcookwebdev](https://forum.freecodecamp.org/u/dcookwebdev)\
**Post date:** [May 8, 2018, 2:50am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/3 "2018-05-08T02:50:17Z")

</div>

I’m actually just curious though… why use an old version of Safari like that?

---

<div class="post-metadata">

**Author:** ![Aymen1337](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aymen1337/32/86462_2.png) [@Aymen1337](https://forum.freecodecamp.org/u/Aymen1337)\
**Post date:** [May 8, 2018, 2:55am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/4 "2018-05-08T02:55:07Z")

</div>

Thet’s a very old browser, changing that to a new browser is the best way to solve this issue .I prefer Firefox or Firefox developer edition .

---

<div class="post-metadata">

**Author:** ![inkedblots](https://avatars.discourse-cdn.com/v4/letter/i/e99b99/32.png) [@inkedblots](https://forum.freecodecamp.org/u/inkedblots)\
**Post date:** [May 8, 2018, 3:30am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/5 "2018-05-08T03:30:15Z")

</div>

I know, very old browser. Very disappointed Apple hasn’t updated it for windows, if they have I can’t find it.

The only reason for Safari is that someone looked at my portfolio on their mac and said there was a formatting issue. I can’t see it on chrome or the others.

Maybe someone here can tell me what’s up??

It’s currently not tablet friendly.

[https://codepen.io/inkedblots/full/JvrNmK](https://codepen.io/inkedblots/full/JvrNmK)

---

<div class="post-metadata">

**Author:** ![dcookwebdev](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/dcookwebdev/32/85318_2.png) [@dcookwebdev](https://forum.freecodecamp.org/u/dcookwebdev)\
**Post date:** [May 8, 2018, 5:40am UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/6 "2018-05-08T05:40:35Z")

</div>

It’s hard for me to tell you if there’s any kind of formatting issue… but here are some screenshots. I have Safari 11.0.3. Don’t know what your friend uses… could be different.

 ![07%20PM](https://global.discourse-cdn.com/freecodecamp/original/3X/7/c/7cb473890b59498f213b405f2da1c2fab727a5d6.jpg) ![57%20PM](https://global.discourse-cdn.com/freecodecamp/original/3X/2/8/280a282cf07c1fbf33781d89eb72f479e55e49ac.jpg) ![33%20PM](https://global.discourse-cdn.com/freecodecamp/original/3X/3/7/377eacf79a7155238532f06f34a0281abe67ac61.jpg) ![16%20PM](https://global.discourse-cdn.com/freecodecamp/original/3X/3/8/38807ced9216a5009d46fa0422bdb069f6c60ae0.jpg)

---

<div class="post-metadata">

**Author:** ![inkedblots](https://avatars.discourse-cdn.com/v4/letter/i/e99b99/32.png) [@inkedblots](https://forum.freecodecamp.org/u/inkedblots)\
**Post date:** [May 8, 2018, 12:58pm UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/7 "2018-05-08T12:58:38Z")

</div>

I don’t know what exactly she is using either apparently.  
I guess I’ll just work on finishing it.

Thanks for your help.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:22pm UTC](https://forum.freecodecamp.org/t/safari-and-codepen/189904/8 "2021-01-17T20:22:09Z")

</div>

Closed on January 17, 2021, 8:22pm UTC


