-
-
Notifications
You must be signed in to change notification settings - Fork 55
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
CYF-ITP-South Africa | Serna Malala | Module-Data-Groups | Week 3 Reading List Display #285
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Code is good. I only have some suggestions.
const title = document.createElement("h2"); | ||
const author = document.createElement("h3"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
How do you determine title is level 2 heading and author is level 3 heading?
Have you considered marking them as <div class="title">
and <div class="author">
and then use CSS to style the them accordingly?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hmm well I did not really think that out to be honest, knowing the rules with using headings I should have used a different element
readingList.style.textAlign = "center"; | ||
div.style.backgroundColor = colour; | ||
div.style.maxWidth = "500px"; | ||
image.style.width = "200px"; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why not style these elements in style.css
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I wanted to play around with the DOM manipulation in javascript but yes, those can definitely be hardcoded in the CSS
Learners, PR Template
Self checklist
Changelist
Briefly explain your PR.
I added code that will render the books onto the screen dynamically using javascript and DOM manipulation
Questions
Ask any questions you have for your reviewer.