Question: I've got a client who is looking to have a fundraising site built in a matter of days so there's very little time for custom building something.

I'm wondering if anyone knows of any software or online service that might be customised.

The fundraising site would operate in the following way (for example):

* Users register
* Registered users select a "challenge" to complete, ie. 5km run every day for 4 weeks
* Friends/family of the registered user sponsor the user $5 for every day they run $5km
* Friends/family of the registered user can also make a donation (ie. not requiring sponsorship)
* Donations & sponsorships would be made direct to the fundraising site (ie. not via registered user)
* Registered users can link their challenge progress to their facebook page

If anyone has some ideas, I'd really appreciate. Just to be clear, I'm looking for an online service or software that can be customised.

Answer: 
I guess this depends on the design, which might differ each build. It also depends if your using 100% fluid or changing on breakpoints. 

I tend to use some of the following, generally the large sizes don't change much at all between breakpoints:

```
@media screen and (min-width:320px){} // mobile portrait
@media screen and (min-width:480px){} // mobile landscape
@media screen and (min-width:768px){} // ipad portrait
@media screen and (min-width:1024px){} // browser, ipad landscape
@media screen and (min-width:1200px){} // browser
@media screen and (min-width:1600px){} // browser

```

No point trying to cover all the different android etc resolutions...there are so many.

Also sometimes the breakpoints don't trigger on the actual size due to the scrollbar, which each browser has different rules for. Might be wise to cut off 20px per @media to make sure they trigger. I sometimes swap the min-width:320px for a max-width: 480px, as under 320 nothing might be displayed.
According to [Statcounter](https://gs.statcounter.com/screen-resolution-stats/desktop-mobile-tablet/worldwide/#monthly-202109-202209) those are currently (10.2022) the most used monitor sizes:

* 1920x1080 - 8.87%
* 1366x768 - 6.63%
* 360x800 - 5.91%
* 1536x864 - 4.09%
* 414x896 - 3.65%
* 390x844 - 3.6%

Percents are an amount of internet users.