Last Rose Studios Dev Blog

HubSpot is now within the reach of even more people! One of the HubSpot partners we work with mentioned to me that HubSpot is now offering a more affordable entry-level option. And it actually is affordable. $23/month puts it in the reach of many small businesses. It is definately something...

Grid Stacking for BG images and Overlays If you have worked with css for any length of time you probably have had to do something like this div { position: relative; } div:before { content:''; position: absolute; background-image: url('/someimage.jpg'); top: 0; left: 0; width: 100%; height: 100%; background-size: cover; }...

CSS Variables These have been around for a few years and while they where interesting, lack of browser support haven’t made them all that interesting. Between the lack of browser support and preprocessors having variables, we never really explored the power of CSS variables. With IE dropping out of the...

Gap for Display: flex While we’ve used the gap property in grids, browser support prevented us from considering using for flexbox. That is changing as most current browsers now support it. It really shines in dynamic layouts that use flex-wrap: wrap; .parent { padding-inline: 2rem; // To keep the container...

Aspect Ratios In the past In the past we relied on the padding hack. We absolute position the children, and have some content inside the container that has a padding that sets the height. (where the padding is a percentage of the width); .ratio-4x3 { position: relative; } .ratio-4x3::before {...