Hi /g/ Is anyone willing to do some relatively basic shit for

File: meme.jpg (211KB, 527x800px) Image search: [Google]

211KB, 527x800px

Hi /g/

Is anyone willing to do some relatively basic shit for me for $5 over paypal?

What I need is:

Using the <picture> element - create a responsive grid of images that substitute in appropriate images at each breakpoint. Use images from Placehold.it (Links to an external site.). Using a mobile up approach create a grid that expands from one column into two columns and finally centered with three columns.

Use a different image source for each of your breakpoints, and make sure they expand to fill in the space between your breakpoints.

This is accomplished with a percentage based grid with the images having a max-width of 100%. At the very last pixel before the breakpoint, measure your grid column's width and make that image your picture srcset.





Restrictions,

Breakpoints Columns

0 -> 500px

Single Column, Serve a 500 x 200 image that scales the full width of the screen.

500px <-> 960px

Two Columns. Keep the 500 x 200 image but float the columns to fit two columns with 1% margin around the column items.

960px ->

3 Column, Centered at 960px. Serve 310 x 120 image, this will be the only extra picture source needed. The margin between the columns should now be 5px.

Yes, this is homework

Yes, I'm retarded for not being able to do it myself

The gist of it is I'm a retard who left a bunch of assignments til last minute and I need all the marks I can get in this class and after trying and failing at this assignment I've essentially given up.

I'm gonna use a tripcode so I can communicate with anyone who's actually interested