I am a beginner who has just started coding. I have gone through the curriculum, read some other sources about HTML and CSS, checked out some YouTube videos to get some advice. I am not sure if my page is good. I would appreciate any feedback. https://codepen.io/Greshner/full/WNQBGjV
Looking at it, it looks pretty good. For a guy/gal just starting out, it looks really good.
If I had to be really nitpicky (and some of this is subjective) ā¦
I find the color scheme a little nauseous. (But I am famous for horrible color choices, so what do I know.)
I think the blue is kind of in the middle ground in terms of darkness - black text is hard to read against it and white text is too.
I usually like a little border radius on the pictures to undo those sharp corners. I usually like it just barely noticeable. It would be like 5px in this case, but your padding is getting in the way. Iād do like margin: 20px auto; and then apply the border radius. But thatās just me.
Your text. Itās so looooooooong. If someone goes fullscreen and a large monitor, itās insane. Thereās a principle in UX that text shouldnāt be more than 40-50 characters. I think youāre above 200 here. I might set a max width. I might also have put the list in two columns. The same problem with the quotes below.
I might center the last line.
I canāt find any major issues. There are little things - your last li is missing a closing tag - there is an extra div closing tag. Other than that Iād just say to get in the habit of formatting your code as you go. Use proper indenting and spacing. It makes it much more readable.
Iām not saying you need to make any of these changes. Go ahead and move on. Good job. On to the next task. Iām just pointing these out so you can use this knowledge on your next project.
Hello Kevin. Thank you for your feedback. I really appreciate it. I will have to edit myself not to type so much. It is good to know about the UX principle of 40-50 characters. I am learning about what colours work with each other. I like blue and chose this shade. I just added the last li closing tag but I have not changed the margin, border radius yet. Thank you very much for your feedback.
Get this book! Then you can move to Head First Javascript and more HTML books⦠read read code read read code⦠itās like learning new language⦠you cannot start speaking in foreing language out of nothingā¦
Codepen provides the boilerplate for you. It only expects the code youād put within the body element in HTML. (No need to include the body tags). For anything you want to add to <head> click on the āSettingsā button, then HTML and add it into the āStuff for <head>ā box.