@IanMacMillan that's why you shouldn't just copy-paste. You should WRITE YOUR OWN CODE!

Start a new pen and start from scratch

And just ask if you need any help

Ian MacMillan

@IanMacMillan

@fortMaximus Yes.....but sometimes it helps to learn quicker.

For example, I've learnt that Thumnail class needs to have all the CSS settings set to work for me but not for Quincy.....ie I need to learn to set up the runtime environment AND how to write to code....because the same code gives 2 results. And CodePen out of the box + adding the Bootstrap library does seem to work as per bootstrap or HTML references suggest.

The key also has a name that I'm allowed to edit, not sure if that's of significance?

Clyde Lobo

@oppiniated

@johnnydemol 1. You will have to use the http option for the api.

After changing api from https to http i get the error jquery.min.js:4 GET http://api.openweathermap.org/data/2.5/weather?lat=35&lon=139&key=3090d225b4f31d0d33607a30bb952294 401 (Unauthorized)

Meli94

@meli94

the key is something like this &APPID=9cb7c1d8dd76505634e629f8512677e7

take off &key= and use the APPID that they give to you

h1tag

@h1tag

@IanMacMillan well, the challenges are here to teach how to write code. Qincey's code is using some advanced stuff, you shouldn't be copying code that you don't know what it does (especially in the begging) because you gonna end with problems like the one you're having. Idk why your image displays twice, but if you copy Quincy's code again and paste it instead of your code, it'll work the same way as Quincy's one.

@IanMacMillan Try to apply what you learned from the challenges and if you have some idea you want to implement or get stuck, we're here to help.

@meli94 How did you know to use APPID? It doesn't say how to incorporate the key on the site

Meli94

@meli94

if you need help I'm here. I struggled so much with that few times ago @johnnydemol

johnnydemol

@johnnydemol

Or maybe I just didn't find it

Meli94

@meli94

on the email

it's written at the very bottom

johnnydemol

@johnnydemol

Ah I see

I'll keep my eyes open next time haha

Meli94

@meli94

ahah

Ian MacMillan

@IanMacMillan

@fortMaximus Thanks. The 2 images are me trying to get the Thumbnail image + caption to work....the 1st is as per Quincy's code but behaves differently, and the 2nd is me adding styles to the thumbnail and caption text to try to fix it.

So I've learnt that with CodePen + Bootstrap CSS library added, not all the Bootstrap classes work....so I need to stick with core HTML + CSS and code from scratch.