I know HTML... have been using for many years. I know CSS... well kind of. Never bothered learning. I've been jack of all trades for too long. I want to get into Javascript and React... But wanted to brush up on HTML and CSS and fill in gaps missing. CSS - I want to know about layouts + how to make flexible for different displays. What would be amazing for me is to see loooads of samples of layouts - starting from simple going to super complex and showing off CSS3 - but all in increments. Just looking for some pointers. Thanks.

i think it's just me. :) i freaked out after spending hours trying to find where i had gone wrong. so was looking for a way to find all items on a page and then i could dig down and get the exact text i would need to put in for accessing. thanks for all ur replies.

Richard, thanks for the reply. I was stuck on a problem. I couldn't see what I was doing wrong. I had an ID and in my Javascript I had:

const CIRCLE = document.querySelector('circle');

I'd spent sooo much time trying to figure out what I had done wrong. So... in the end I thought there must be a way to find all objects/elements on a page? I had tried

document.querySelectorAll

but wasn't sure where to type this (complete newbie... learning JS). I found the error: I was missing a # But... I still have my question... how could I drill down and find a specific object that I was having trouble getting the exact details of? Hope that makes sense.

I'm learning Javascript. I'm following some example code on a video. I've got stuck trying to change some existing code. The first step I thought would be to identify the object I'm dealing with. What's the best way of doing this? I've tried console.dir(document) - but that bring back *everything*. I know I can drill down further... but I thought I'd ask here before trying anything else. Thanks.