Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit e34cb96

Browse files
authoredJun 14, 2022
Merge pull request TheOdinProject#175 from dm-murphy/fix/03-grid-hint-wording
03-grid-layout-3: Change hint wording for adding CSS declaration blocks
2 parents ddbff17 + 965fcbd commit e34cb96

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed
 

‎grid/03-grid-layout-3/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,9 +3,9 @@
33
Now that you've made your Holy Grail layout responsive, we are going to have some fun making it a bit more complicated and adding some features. You might find this to be a bit more challenging than you expected. You might even be tempted to use Flexbox. But for the sake of this practice assignment, try and see if you can figure out how to recreate this entire mockup using only Grid. Feel free to add in your own dummy content or styling too!
44

55
### Hints
6+
- For this exercise you will need to add some CSS declaration blocks to the style.css file. Look through the HTML to see what selectors and combinators you can use.
67
- Take the layout one section at a time
78
- You don't need to add or change anything to the HTML, but it will be helpful to look through the parent and child relationships between elements
8-
- You only need to add to the current CSS selectors
99
- Just like with Flexbox, you can easily center an item by making it into a grid
1010
- Don't worry about the placeholder image element stretching when resizing the browser window. This will be covered in the Responsive lessons
1111

0 commit comments

Comments
 (0)
Failed to load comments.