diff --git a/module2/lessons/css_fundamentals.md b/module2/lessons/css_fundamentals.md index feaff8eb..04fde153 100644 --- a/module2/lessons/css_fundamentals.md +++ b/module2/lessons/css_fundamentals.md @@ -69,7 +69,12 @@ h1 { ### Sharing styles across multiple elements Remember: an HTML element can have zero, one, or _multiple_ classes applied to it. Class attributes can help us write cleaner and more DRY (don’t repeat yourself) CSS **because we can apply the same class to multiple elements in our HTML that share certain styles**. Then, in our CSS, we simply apply all the shared styles to that shared class. We can also apply CSS declarations to multiple elements at once by stacking the selectors. -For example: +Open up this [CSS: Sharing Styles Across Multiple Elements Codepen](https://codepen.io/turingschool/pen/LYwbaZJ?editors=1100). Look at the HTML and CSS closely. Digest which styles are being applied to which elements and how. Ignore the commented out CSS styles at the bottom of the file for now. Together we will learn how to make this CSS more DRY. + + +
### Unique IDs diff --git a/module2/projects/hang_in_there/index.md b/module2/projects/hang_in_there/index.md index e32da3db..e4b5051c 100644 --- a/module2/projects/hang_in_there/index.md +++ b/module2/projects/hang_in_there/index.md @@ -21,20 +21,6 @@ Sometimes you need a pick me up. Remember those motivational posters that were a ## Progression @@ -130,14 +136,13 @@ Result after clicking Show My Poster button: ![result](../../../assets/images/projects/hang-in-there/form-result.png) - On the new poster form view, users should be able to fill out the three input fields and then hit the Show My Poster button + - _Hint: +Notice something weird happening when you click the button to submit the form? Try googling `event.preventDefault()`!_ - When the Show My Poster button is clicked, several things will happen: - First, use the values from the inputs to create a new, unique poster object and save it as the value of the `currentPoster` global variable (part of your data model) - Save the submitted data into the respective arrays (image URL into the images array, etc - all part of your data model) so that future random posters can use the user-created data - Change back to the main poster view (hiding the form view again) - Use the new, unique poster object (which should be saved in the `currentPoster` variable - part of your data model) to display the newly created poster image, title, and quote in the main view on the DOM - -_Hint: -Notice something weird happening when you click the button to submit the form? Try googling `event.preventDefault()`!_