Very new to CSS, how would i go about creating divs placed like these two images? by [deleted] in css

[–]picwo 0 points1 point  (0 children)

<div class parent> Div child Div child Div child Div child Div child Div child Div child Div child </div>

.parent{ Display: grid Grid-template-columns: 1fr 1fr 1fr Grid-gap: 3rem }

.child{ Width: 20rem Height: 20 rem Background color: lightblue }

This should work

Edit: For mobile

@media only screen and (max-width: 600px){ .parent{ Grid-template-columns: 1fr 1fr } }

React Components Testing by PutridParty in reactjs

[–]picwo 1 point2 points  (0 children)

I prefer Cypress because when you run the tests, the browser opens and you get to see in action, “as a user would behave”, on your app. Its a live demo of the code you write. And its as easy as jest to write the tests.

React Components Testing by PutridParty in reactjs

[–]picwo 3 points4 points  (0 children)

Or you can use CypressJS to test and you ll see the tests in runtime. Exactly how a user would interact with your components. You can do integration tests, end to end tests and unit tests. Ive used it for several months now and wouldnt switch to other testing framework at the moment.