update/two-truths-one-lie

Author: alejandroereyesb

Two-Truths-One-Lie/README.md

@@ -1,17 +1,17 @@
 # HTML-CSS-W2-InClassProject
 
 ## Aim
-
-- use CSS grid
-- use CSS flexbox
+- Mobile first desing
+- Use CSS flexbox
+- Use Media Queries
 - test your code
 
 ##
 
 - Work in pairs.
 - Write two truths and a lie each.
 - Mark up your content with semantic HTML
-- Lay out your page using flexbox and grid
+- Lay out your page using flexbox
 - Test your work with Devtools.
 - You can get pictures and choose custom size in the download at https://www.pexels.com/
 - If you want to use a different font, get them from https://fonts.google.com/
@@ -23,20 +23,25 @@ Developers must test their work. Here are the tests for your project. Read your
 
 ### CSS tests
 
-- [ ] we have used grid
 - [ ] we have used flexbox
 - [ ] we have used at least one media query
 
 ### HTML tests
 
 - [ ] our names are at the bottom
 - [ ] we have written semantic HTML
-- [ ] we have looked in the Accessibility tree
-- [ ] our Lighthouse Access score is 100
 
 ### Design tests
 
 - [ ] our layout works on desktop and mobile
 - [ ] our cards are side by side on large screens and stacked on smaller screens
 - [ ] we have taken a screenshot at laptop and Moto G4 device sizes using Devtools
-- [ ] when we size the text up by 200%, our layout does not break
+
+# Layout examples
+
+## Mobile
+![img](./moto-g4.png)
+
+## Laptop
+![img](./laptop.png)
+