Skip to content
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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

sernamalala
Copy link

@sernamalala sernamalala commented Jan 10, 2025

Learners, PR Template

Self checklist

  • I have committed my files one by one, on purpose, and for a reason
  • I have titled my PR with COHORT_NAME | FIRST_NAME LAST_NAME | REPO_NAME | WEEK
  • I have tested my changes
  • My changes follow the style guide
  • My changes meet the requirements of this task

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.

@sernamalala sernamalala added the Needs Review Participant to add when requesting review label Jan 10, 2025
@sernamalala sernamalala added the 📅 Sprint 3 Assigned during Sprint 3 of this module label Jan 11, 2025
Copy link

@cjyuan cjyuan left a 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.

Comment on lines +31 to +32
const title = document.createElement("h2");
const author = document.createElement("h3");
Copy link

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?

Copy link
Author

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

Comment on lines +41 to +44
readingList.style.textAlign = "center";
div.style.backgroundColor = colour;
div.style.maxWidth = "500px";
image.style.width = "200px";
Copy link

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?

Copy link
Author

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

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review and removed Needs Review Participant to add when requesting review labels Jan 14, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Reviewed Volunteer to add when completing a review 📅 Sprint 3 Assigned during Sprint 3 of this module
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants