First time poster, so forgive me if I break any unwritten forum rules or am in the wrong section! Got through the lessons just fine but I’m having a little trouble finding how to make things look pretty!
For the Tribute page, the example we’re given aligns the bullet points list (ul elements) to the center of the page. I was trying to play around with the CSS portion by creating a CSS grid and using flex containers and switching display to “block” but none of them seem to work. Does anyone have some hints to steer me in the right direction?
In the figure element, the example page we’re given aligns the image into the middle of a “block”… The back-ground color for this “block” is white (in contrast with the gray background for the rest of the webpage). I’m not sure how I would create a block like they have and place the image into the center without the image covering the whole container!
My current colour scheme is something I found online using “https://coolors.co/100b00-85cb33-efffc8-a5cbc3-3b341f” but upon further inspection it’s pretty… unappetizing. Would anyone have a suggestion for a better website?
I’m curious as to why Visual Studio Code has highlighted my “center” tags red? I don’t see any mistake and it seems to be working just fine!
Any criticism and feedback is welcome and appreciated!
Thanks for your time and help!
I’m using Safari to load my webpage - also running a live server by ritwik to see changes from the code in real-time (no idea how this works, TheOdinProject led me this way)
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15.
Challenge: Build a Tribute Page
Link to the challenge: