Skip to content

Update phase-4-DOM-Manipulation.md #2585

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.

Sign up for GitHub

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

Open
rdavison23 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update phase-4-DOM-Manipulation.md #2585

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions projects/recipe-page/phase-4-DOM-Manipulation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@ We have a big goal for the EOW: we want to incorporate DOM Methods into your rec

You already have an HTML/CSS project, but now you get to surprise your users by adding some JS DOM methods to make your website interactive! You'll add at least three interactive elements of your choosing.

Watch out for Bootstrap conflicts and adjust the code accordingly.
Copy link
Collaborator

@daaimah123 daaimah123 Feb 10, 2026 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@rdavison23 Thank you for this contribution, this lesson already contains this note about carefully working with Bootstrap.

🎗️ NOTE: Bootstrap is a powerful and widely used CSS framework. You are welcome to add it to your recipe page if you like (or another CSS framework). When adding another framework to your project after having already built it, you may experience some confusion, frustration, and breaking changes. This is normal as a beginner, especially when working with things like Boostrap's class-heavy markup and unfamiliar patterns. Take your time giving it a try, but time box it! Your main objective here is to recognize different structures, layout, and components that have potential to improve your front-end flexibility.

Could it be beneficial to add this comment to that note? For example:

When incorporating a new CSS framework such as Bootstrap to your project, do so on a new branch and watch out for conflicts and adjust the code accordingly.

Moreover, for people new to coding...what does watch out for conflicts and adjust the code accordingly mean?


### Use your creativity!

This is practice, so there's no right or wrong approach.
Expand Down