I’ve been working on the first project (tribute page), which I’ve found surprisingly difficult
I flew through the exercises no problem, but I think I’m a bit overwhelmed with the amount of different ways you can approach any given aspect of a webpage!
TBH, I have found the problem sets in CS50 much easier to tackle, even those requiring malloc-ing of memory, and pointers-to-pointers
I’m trying to use mainly vanilla HTML/CSS as I’m finding it confusing to mix in bootstrap as well - I can see the utility of frameworks, but I’d like to get a good handle on the basics first.
I’ve tried to figure out everything myself, and have been managing so far, but finally hit a hurdle I can’t get over.
I need to align text running vertically down the side of the portrait image, as it is the name of the Japanese poet my tribute is for. I would also like to do the same thing in the “<ul>” I’m using for my timeline. At the moment, whatever I do, its appearing at the edges of the screen, overlapping the list below the image.
I’ve tried using align-text and float in various combinations with <p>'s <span>'s and <div>'s, inline and using ID’s in the CSS file but I can’t get it to work. TBH, I’m struggling with knowing when which and where <p> <span> <div> are appropriate.
My page is still very much a work in progress: I still have the main body content to write, and links to add after I fix this. I’m still a bit unsure if the green text is a bit jarring (supposed to be green tea coloured, as per his nickname!).
Any comments gratefully received!