Davis Mega Maze - Davis Mega Farm Festival

Home - Tour de Pologne

[vc_row full_width=”stretch_row_content_no_spaces” content_placement=”middle” css=”.vc_custom_1752606901988{background-color: #000000 !important;}” el_class=”top-grid”][vc_column][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”middle” disable_element=”yes” css=”.vc_custom_1785748496713{padding-top: 10px !important;padding-bottom: 10px !important;background-color: #FFEA01 !important;}”][vc_column][mnky_retina_image img_url=”42235″ align=”retina-image-center” width=”347px” …

Home - Bioregioning Tayside

[vc_row full_width=”stretch_row” css=”.vc_custom_1690377681496{border-bottom-width: 2px !important;background-image: url(https://bioregioningtayside.scot/wp-content/uploads/2020/06/topography.svg?id=173) !important;border-bottom-color: #36322e !important;border-bottom-style: solid !important;}”][vc_column][vc_empty_space][vc_row_inner css=”.vc_custom_1592579907572{padding-top: 30px !important;padding-bottom: 30px !important;}”][vc_column_inner width=”5/6″ offset=”vc_col-lg-offset-2 vc_col-lg-8 vc_col-md-offset-4 vc_col-md-8 vc_col-sm-offset-1 vc_col-xs-12″][vc_column_text css=””] Bioregioning Tayside “Bioregioning reframes the way we see the places where we live and work, helping us reconnect to and restore the ecological systems of which we are a part and...

CSS Generators: Your CSS code with less effort

A wide range of CSS Generators to build the future of the web. Add your setting, get your CSS code.

Global Inequality - Global Inequality

[et_pb_section fb_built=”1″ _builder_version=”4.16″ _module_preset=”dac1d78c-3706-495f-9e3b-6d881555f4b1″ background_image=”https://globalinequality.org/wp-content/uploads/2022/01/nasa-Q1p7bh3SHj8-unsplash.jpg” background_enable_image=”on” custom_margin=”-1px|0px||0px|false|false” custom_margin_tablet=”|0px||0px|false|true” custom_margin_phone=”0px|0px||0px|false|true” custom_margin_last_edited=”on|tablet” custom_css_main_element=”height: calc(100vh + 30px);||display: flex;||flex-direction: column;” global_colors_info=”{}” custom_css_main_element_tablet=”height: calc(100vh + 30px);||display: flex;||flex-direction: column;” custom_css_main_element_phone=”height: calc(100vh + 50px);||display: flex;||flex-direction: column;” theme_builder_area=”post_content”][et_pb_row _builder_version=”4.16″ _module_preset=”default” custom_margin=”||||false|true” custom_padding=”20px|20px|20px|20px|false|true” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_column type=”4_4″ _builder_version=”4.16″ _module_preset=”default” global_colors_info=”{}” theme_builder_area=”post_content”][et_pb_image src=”https://globalinequality.org/wp-content/uploads/2022/01/logo_white.png” title_text=”logo_white” align=”center” _builder_version=”4.16″ _module_preset=”default” module_alignment=”center” custom_margin=”||50px||false|false” global_colors_info=”{}” theme_builder_area=”post_content”][/et_pb_image][et_pb_blurb use_icon=”on” font_icon=”||fa||900″ icon_color=”#FFFFFF” image_icon_width=”75px” image_icon_width_tablet=”75px” […]

Post Growth Institute

[et_pb_section fb_built=”1″ fullwidth=”on” disabled_on=”off|off|off” admin_label=”Hero” module_id=”home” _builder_version=”4.25.1″ background_enable_color=”off” background_image=”https://postgrowth.org/wp-content/uploads/2023/11/PGI.png” parallax=”on” custom_padding=”|||” animation_style=”fade” animation_duration=”2000ms” animation_delay=”500ms” da_popup_slug=”home” da_disable_devices=”off|off|off” transparent_background=”on” locked=”off” global_colors_info=”{}” da_is_popup=”off” da_exit_intent=”off” da_has_close=”on” da_alt_close=”off” da_dark_close=”off” da_not_modal=”on” da_is_singular=”off” da_with_loader=”off” da_has_shadow=”on”][et_pb_fullwidth_header title=”Exploring a just and livable world beyond capitalism” text_orientation=”right” header_fullscreen=”on” header_scroll_down=”on” scroll_down_icon=”” scroll_down_icon_color=”#ffffff” scroll_down_icon_size=”32px” button_one_text=”Learn More” button_one_url=”#pgi” background_overlay_color=”rgba(31,31,31,0.33)” header_image_url=”https://postgrowth.org/wp-content/uploads/2023/11/PGI_Logo_white.png” subhead_font_color=”#bebebe” _builder_version=”4.23.1″ title_font=”Montserrat|600|||||||” title_text_align=”right” title_text_color=”#f2b200″ title_font_size=”28px” content_font=”Montserrat||||” content_text_color=”#bfbfbf” […]

Multiple-column layout, rows, rules, and floats

Recently implemented in Chrome are two of my top asks for CSS—the concept of rows in multiple-column layout, and gap decorations for rows and columns in grid, flexbox, and multicol. Rows (using column-wrap) provide a way to use multicol on the web without risking scrolling up and down to read if the columns become taller than the viewport. Gap decorations mean that, for multicol, you can now add a rule between these new rows. This post is a collection of the things I think would be interesting to do in future. If you think so too, and particularly if you have a great use case for any of these, let me know in the comments.

Challenges & Routes

[et_pb_section fb_built=”1″ fullwidth=”on” next_background_color=”#ffb356″ _builder_version=”4.27.4″ bottom_divider_style=”slant” bottom_divider_flip=”horizontal” hover_enabled=”0″ global_colors_info=”{}” sticky_enabled=”0″][et_pb_fullwidth_header title=”The Challenges” subhead=”Run Rabbit Trail Festival” text_orientation=”center” background_overlay_color=”rgba(52,81,104,0.8)” _builder_version=”4.27.6″ title_font=”Lato|700|||||||” title_font_size=”46px” title_line_height=”1.5em” content_font=”Lato||||||||” content_font_size=”20px” content_line_height=”1.8em” subhead_font=”Lato|700|||||||” subhead_font_size=”25px” subhead_line_height=”1.5em” background_color=”#afafaf” background_image=”https://thumpevents.co.uk/wp-content/uploads/2026/05/challenges-2027.webp” custom_margin=”|||” custom_padding=”5vw||150px||false” animation_style=”slide” animation_direction=”top” animation_intensity_slide=”2%” hover_enabled=”0″ title_font_size_tablet=”36px” title_font_size_phone=”” title_font_size_last_edited=”on|phone” global_colors_info=”{}” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off” background_last_edited=”on|phone” […]

Let’s Play With Gap Decorations!

The `rule` (and friends) CSS property allows us to draw markers (like borders) in the gaps between columns and rows (and flex items!)

Errant Journal #8 Against Visibility (or, the Right to Opacity) – Print - Framer Framed Store

[et_pb_section fb_built=”1″ _builder_version=”4.16″ custom_padding=”0px||||false|false” global_colors_info=”{}”][et_pb_row _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” custom_padding=”0px||0px||false|false” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_wc_breadcrumb _builder_version=”4.16″ global_colors_info=”{}”][/et_pb_wc_breadcrumb][et_pb_wc_cart_notice _builder_version=”4.16″ title_line_height=”2.6em” custom_button=”on” button_text_color=”#ffffff” button_bg_color=”rgba(0,0,0,0)” button_icon=”#||divi||400″ button_icon_placement=”left” button_on_hover=”off” body_line_height=”2.6em” global_colors_info=”{}”][/et_pb_wc_cart_notice][/et_pb_column][/et_pb_row][et_pb_row column_structure=”1_2,1_2″ _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”100%” custom_padding=”0px||||false|false” global_colors_info=”{}”][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_wc_images _builder_version=”4.16″ global_colors_info=”{}”][/et_pb_wc_images][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_wc_title _builder_version=”4.16″ header_font=”|600|||||||” global_colors_info=”{}”][/et_pb_wc_title][et_pb_wc_rating _builder_version=”4.16″ global_colors_info=”{}”][/et_pb_wc_rating][et_pb_wc_price _builder_version=”4.16″ […]

Revealing Text With CSS letter-spacing | CSS-Tricks

Until we get something like ::nth-letter, there are still some really cool text effects we can make from existing CSS features, like letter-spacing, ::first-word and ::first-line.

deck.blue

Get the most out of Bluesky with a multi-column layout

Africa - Assess Technology

[et_pb_section fb_built=”1″ _builder_version=”4.6.6″ _module_preset=”default” background_color=”#333333″ custom_padding=”0px||1px||false|false” locked=”off”][et_pb_row column_structure=”1_2,1_2″ use_custom_gutter=”on” gutter_width=”1″ make_equal=”on” _builder_version=”4.7.4″ _module_preset=”default” width=”100%” max_width=”100%” module_alignment=”center” custom_margin=”||||false|false” custom_padding=”0px||0px||false|false”][et_pb_column type=”1_2″ _builder_version=”4.6.6″ _module_preset=”default” background_color=”#222222″][et_pb_text _builder_version=”4.6.6″ _module_preset=”default” text_font=”||||||||” text_text_color=”#ffffff” text_font_size=”30px” text_line_height=”1.4em” header_text_color=”#ffffff” header_font_size=”60px” header_2_text_color=”#8cc401″ header_2_font_size=”45px” header_3_text_color=”#ffffff” custom_margin=”||||false|false” custom_padding=”2em|10%|1em|10%|false|true” custom_padding_tablet=”” custom_padding_phone=”|5%||5%|true|true” custom_padding_last_edited=”on|phone”] Africa AfriTAP Africa Technology Assessment Platform [/et_pb_text][/et_pb_column][et_pb_column type=”1_2″ _builder_version=”4.6.6″ _module_preset=”default” background_enable_image=”off”][et_pb_image src=”http://assess.technology/wp-content/uploads/2020/11/Mali4.jpg” title_text=”Mali4″ align=”center” _builder_version=”4.7.4″ _module_preset=”default”][/et_pb_image][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ […]

Protecting our FLOSS commons from LLMs — Codeberg News

.codeberg-design ul { padding-left: revert !important; } In Brief: Two...