Quick Hit #12 | CSS-Tricks

Your email address will not be published. Required fields are marked *

Comment * </p> <p class="comment-form-author"><label for="author">Name <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required"/></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required="required"/></p><div class='code-block code-block-2' style='margin: 8px 0; clear: both;'> <center><script type="text/javascript"> atOptions = { 'key' : '83160cbd34d74b7086301d947a1acfb9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//www.topcreativeformat.com/83160cbd34d74b7086301d947a1acfb9/invoke.js"></scr' + 'ipt>'); </script></center></div> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url"/></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes"/> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="antispam-group antispam-group-q" style="clear: both;"> <br /> <label>Copy and paste this code: <strong class="antspmpro-input-a">micuno</strong> <span class="required">*</span></label> <br /> <input type="hidden" name="antspmpro-a" class="antispam-control antispam-control-a" value="micuno"/> <br /> <input type="text" name="antspmpro-q-luwele" class="antispam-control antispam-control-q" value="4.1"/> </p><div class='code-block code-block-3' style='margin: 8px 0; clear: both;'> <center><script type="text/javascript"> atOptions = { 'key' : '83160cbd34d74b7086301d947a1acfb9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; document.write('<scr' + 'ipt type="text/javascript" src="//www.topcreativeformat.com/83160cbd34d74b7086301d947a1acfb9/invoke.js"></scr' + 'ipt>'); </script></center></div> <p> </p> <p class="antispam-group antispam-group-e" style="display: none;"> <br /> <label>Leave this field empty</label> <br /> <input type="text" name="antspmpro-e-email-url-website-luwele" class="antispam-control antispam-control-e" value=""/> </p> <p> </p> <p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"/></label><input type="hidden" id="ak_js_1" name="ak_js" value="40"/></p> </form></div> <!-- CONTENT END 1 --> </div></div></div></div><div class="vc_column tdi_58 wpb_column vc_column_container tdc-column td-pb-span4 td-is-sticky"> <style scoped>.tdi_58{vertical-align:baseline}.tdi_58>.wpb_wrapper,.tdi_58>.wpb_wrapper>.tdc-elements{display:block}.tdi_58>.wpb_wrapper>.tdc-elements{width:100%}.tdi_58>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_58>.wpb_wrapper{width:auto;height:auto}.tdi_58{width:34%!important}@media (max-width:767px){.tdi_58{width:100%!important}}</style><div class="wpb_wrapper" data-sticky-enabled-on="W3RydWUsdHJ1ZSx0cnVlLHRydWVd" data-sticky-offset="20" data-sticky-is-width-auto="W2ZhbHNlLGZhbHNlLGZhbHNlLGZhbHNlXQ=="><div class="tdm_block td_block_wrap tdm_block_column_title tdi_59 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_59" > <style>.tdi_59{margin-bottom:10px!important}@media (min-width:1019px) and (max-width:1140px){.tdi_59{margin-bottom:3px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_59{margin-bottom:-8px!important}}@media (max-width:767px){.tdi_59{margin-top:0px!important;margin-bottom:0px!important;justify-content:center!important;text-align:center!important}}</style> <style>.tdm_block_column_title{margin-bottom:0;display:inline-block;width:100%}</style><div class="td-block-row"><div class="td-block-span12 tdm-col"> <style>body .tdi_60 .tdm-title{color:#030303}.tdi_60 .tdm-title{font-family:Muli!important;font-size:25px!important;line-height:1!important;font-weight:800!important}@media (min-width:1019px) and (max-width:1140px){.tdi_60 .tdm-title{font-size:23px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_60 .tdm-title{font-size:20px!important;font-weight:600!important}}@media (max-width:767px){.tdi_60 .tdm-title{font-size:23px!important}}</style><div class="tds-title tds-title1 td-fix-index tdi_60 "><h2 class="tdm-title tdm-title-md">Recent Articles</h2></div></div></div></div><div class="td_block_wrap td_flex_block_1 tdi_61 td-pb-border-top td_block_template_1 td_flex_block" data-td-block-uid="tdi_61" > <style>.tdi_61{margin-bottom:0px!important}</style> <style>.tdi_61 .td-image-wrap{padding-bottom:70%}.tdi_61 .entry-thumb{background-position:center 50%}.tdi_61 .td-image-container{flex:0 0 28%;width:28%;display:block;order:0}.ie10 .tdi_61 .td-image-container,.ie11 .tdi_61 .td-image-container{flex:0 0 auto}.tdi_61 .td-module-container{flex-direction:row;border-color:#eaeaea!important}.ie10 .tdi_61 .td-module-meta-info,.ie11 .tdi_61 .td-module-meta-info{flex:1}body .tdi_61 .td-favorite{font-size:36px;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.2)}.tdi_61 .td-module-meta-info{padding:0px;display:flex;flex-direction:column;justify-content:center;border-color:#eaeaea}.tdi_61 .td-category-pos-above .td-post-category{align-self:flex-start}.tdi_61 .td_module_wrap{padding-left:20px;padding-right:20px;padding-bottom:21px;margin-bottom:21px}.tdi_61 .td_block_inner{margin-left:-20px;margin-right:-20px}.tdi_61 .td-module-container:before{bottom:-21px;border-width:0 0 1px 0;border-style:solid;border-color:#eaeaea;border-color:#eaeaea}.tdi_61 .entry-thumb,.tdi_61 .td-image-wrap:before,.tdi_61 .td-image-wrap:after,.tdi_61 .entry-thumb:before,.tdi_61 .entry-thumb:after{border-radius:8px}.tdi_61 .td-post-vid-time{display:block}.tdi_61 .td-post-category{margin:-1px 10px 0 0;padding:3px 0 4px;background-color:rgba(13,66,162,0);color:#0d42a2;font-family:Muli!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important}.tdi_61 .td-author-photo .avatar{width:20px;height:20px;margin-right:6px;border-radius:50%}.tdi_61 .td-excerpt{display:none;column-count:1;column-gap:48px}.tdi_61 .td-audio-player{opacity:1;visibility:visible;height:auto;font-size:13px}.tdi_61 .td-read-more{display:none}.tdi_61 .td-author-date{display:inline}.tdi_61 .td-post-author-name{display:none}.tdi_61 .td-post-date,.tdi_61 .td-post-author-name span{display:inline-block}.tdi_61 .entry-review-stars{display:inline-block}.tdi_61 .td-icon-star,.tdi_61 .td-icon-star-empty,.tdi_61 .td-icon-star-half{font-size:15px}.tdi_61 .td-module-comments{display:none}.tdi_61 .td_module_wrap:nth-last-child(1){margin-bottom:0;padding-bottom:0}.tdi_61 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none}.tdi_61 .td-module-title a{color:#000000;box-shadow:inset 0 0 0 0 #000}.tdi_61 .entry-title{margin:0 0 12px;font-family:Muli!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important}.tdi_61 .td-editor-date,.tdi_61 .td-editor-date .td-post-author-name a,.tdi_61 .td-editor-date .entry-date,.tdi_61 .td-module-comments a{font-family:Muli!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important}html:not([class*='ie']) .tdi_61 .td-module-container:hover .entry-thumb:before{opacity:0}@media (min-width:768px){.tdi_61 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}@media (min-width:1019px) and (max-width:1140px){.tdi_61 .td_module_wrap{padding-bottom:17px;margin-bottom:17px;padding-bottom:17px!important;margin-bottom:17px!important}.tdi_61 .td-module-container:before{bottom:-17px}.tdi_61 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_61 .td_module_wrap .td-module-container:before{display:block!important}.tdi_61 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_61 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_61 .entry-title{margin:0 0 8px;font-size:16px!important;line-height:1.1!important}.tdi_61 .td-post-category{font-size:10px!important}.tdi_61 .td-editor-date,.tdi_61 .td-editor-date .td-post-author-name a,.tdi_61 .td-editor-date .entry-date,.tdi_61 .td-module-comments a{font-size:10px!important}@media (min-width:768px){.tdi_61 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (min-width:768px) and (max-width:1018px){.tdi_61 .td_module_wrap{padding-bottom:12px;margin-bottom:12px;padding-bottom:12px!important;margin-bottom:12px!important}.tdi_61 .td-module-container:before{bottom:-12px}.tdi_61 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_61 .td_module_wrap .td-module-container:before{display:block!important}.tdi_61 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_61 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_61 .entry-title{margin:0 0 6px;font-size:14px!important;line-height:1.1!important;font-weight:600!important}.tdi_61 .td-post-category{font-size:9px!important}.tdi_61 .td-editor-date,.tdi_61 .td-editor-date .td-post-author-name a,.tdi_61 .td-editor-date .entry-date,.tdi_61 .td-module-comments a{font-size:9px!important}@media (min-width:768px){.tdi_61 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (max-width:767px){.tdi_61 .td_module_wrap{padding-bottom:16px;margin-bottom:16px;padding-bottom:16px!important;margin-bottom:16px!important}.tdi_61 .td-module-container:before{bottom:-16px}.tdi_61 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_61 .td_module_wrap .td-module-container:before{display:block!important}.tdi_61 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_61 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_61 .entry-title{margin:0 0 8px;font-size:16px!important;line-height:1.1!important}.tdi_61 .td-post-category{font-size:10px!important}.tdi_61 .td-editor-date,.tdi_61 .td-editor-date .td-post-author-name a,.tdi_61 .td-editor-date .entry-date,.tdi_61 .td-module-comments a{font-size:10px!important}@media (min-width:768px){.tdi_61 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}</style><script>var block_tdi_61 = new tdBlock(); block_tdi_61.id = "tdi_61"; block_tdi_61.atts = '{"modules_on_row":"","modules_gap":"","image_width":"28","image_floated":"float_left","meta_padding":"0","image_radius":"8","image_height":"70","meta_info_horiz":"","modules_category":"","modules_category_margin":"-1px 10px 0 0","show_excerpt":"none","show_btn":"none","show_com":"none","show_author":"none","show_cat":"","image_size":"td_324x400","block_template_id":"","f_title_font_line_height":"eyJhbGwiOiIxLjIiLCJwb3J0cmFpdCI6IjEuMSIsImxhbmRzY2FwZSI6IjEuMSIsInBob25lIjoiMS4xIn0=","f_title_font_family":"406","f_title_font_size":"eyJhbGwiOiIxOCIsImxhbmRzY2FwZSI6IjE2IiwicG9ydHJhaXQiOiIxNCIsInBob25lIjoiMTYifQ==","f_title_font_weight":"eyJhbGwiOiI4MDAiLCJwb3J0cmFpdCI6IjYwMCJ9","f_cat_font_size":"eyJhbGwiOiIxMSIsImxhbmRzY2FwZSI6IjEwIiwicG9ydHJhaXQiOiI5IiwicGhvbmUiOiIxMCJ9","f_cat_font_weight":"800","f_cat_font_family":"406","f_cat_font_transform":"uppercase","f_meta_font_size":"eyJhbGwiOiIxMSIsImxhbmRzY2FwZSI6IjEwIiwicG9ydHJhaXQiOiI5IiwicGhvbmUiOiIxMCJ9","f_meta_font_transform":"uppercase","f_meta_font_family":"406","all_modules_space":"eyJhbGwiOiI0MiIsImxhbmRzY2FwZSI6IjM0IiwicG9ydHJhaXQiOiIyNCIsInBob25lIjoiMzIifQ==","meta_info_align":"center","art_title":"eyJhbGwiOiIwIDAgMTJweCIsImxhbmRzY2FwZSI6IjAgMCA4cHgiLCJwb3J0cmFpdCI6IjAgMCA2cHgiLCJwaG9uZSI6IjAgMCA4cHgifQ==","modules_category_padding":"3px 0 4px","cat_txt":"#0d42a2","cat_bg":"rgba(13,66,162,0)","f_meta_font_weight":"800","tdc_css":"eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn0sInBob25lIjp7ImRpc3BsYXkiOiIifSwicGhvbmVfbWF4X3dpZHRoIjo3Njd9","hide_image":"yes","modules_divider":"solid","title_txt":"#000000","custom_title":"","related_articles_posts_limit":"5","block_type":"td_flex_block_1","separator":"","custom_url":"","title_tag":"","mc1_tl":"","mc1_title_tag":"","mc1_el":"","post_ids":"-5680","category_id":"","taxonomies":"","category_ids":"","in_all_terms":"","tag_slug":"","autors_id":"","installed_post_types":"","include_cf_posts":"","exclude_cf_posts":"","sort":"","popular_by_date":"","linked_posts":"","favourite_only":"","limit":"5","offset":"","open_in_new_window":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","review_source":"","el_class":"","td_query_cache":"","td_query_cache_expiration":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","container_width":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","modules_border_radius":"","modules_divider_color":"#eaeaea","h_effect":"","image_alignment":"50","show_favourites":"","fav_size":"2","fav_space":"","fav_ico_color":"","fav_ico_color_h":"","fav_bg":"","fav_bg_h":"","fav_shadow_shadow_header":"","fav_shadow_shadow_title":"Shadow","fav_shadow_shadow_size":"","fav_shadow_shadow_offset_horizontal":"","fav_shadow_shadow_offset_vertical":"","fav_shadow_shadow_spread":"","fav_shadow_shadow_color":"","video_icon":"","video_popup":"yes","video_rec":"","spot_header":"","video_rec_title":"","video_rec_color":"","video_rec_disable":"","autoplay_vid":"yes","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","video_title_color":"","video_title_color_h":"","video_bg":"","video_overlay":"","vid_t_color":"","vid_t_bg_color":"","f_vid_title_font_header":"","f_vid_title_font_title":"Video pop-up article title","f_vid_title_font_settings":"","f_vid_title_font_family":"","f_vid_title_font_size":"","f_vid_title_font_line_height":"","f_vid_title_font_style":"","f_vid_title_font_weight":"","f_vid_title_font_transform":"","f_vid_title_font_spacing":"","f_vid_title_":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","meta_width":"","meta_margin":"","meta_space":"","art_btn":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","meta_info_border_radius":"","modules_cat_border":"","modules_category_radius":"0","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_date":"inline-block","show_review":"inline-block","review_space":"","review_size":"2.5","review_distance":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","excerpt_inline":"","show_audio":"block","hide_audio":"","art_audio":"","art_audio_size":"1.5","btn_title":"","btn_margin":"","btn_padding":"","btn_border_width":"","btn_radius":"","pag_space":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_transform":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_line_height":"","f_cat_font_style":"","f_cat_font_spacing":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_line_height":"","f_meta_font_style":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","f_btn_font_title":"Article read more button","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","m_bg":"","color_overlay":"","shadow_shadow_header":"","shadow_shadow_title":"Module Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","title_txt_hover":"","all_underline_height":"","all_underline_color":"","cat_bg_hover":"","cat_txt_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","author_txt":"","author_txt_hover":"","date_txt":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","btn_bg":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border":"","btn_border_hover":"","pag_text":"","pag_h_text":"","pag_bg":"","pag_h_bg":"","pag_border":"","pag_h_border":"","ajax_pagination":"","ajax_pagination_next_prev_swipe":"","ajax_pagination_infinite_stop":"","css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","class":"tdi_61","tdc_css_class":"tdi_61","tdc_css_class_style":"tdi_61_rand_style"}'; block_tdi_61.td_column_number = "1"; block_tdi_61.block_type = "td_flex_block_1"; block_tdi_61.post_count = "5"; block_tdi_61.found_posts = "7387"; block_tdi_61.header_color = ""; block_tdi_61.ajax_pagination_infinite_stop = ""; block_tdi_61.max_num_pages = "1478"; tdBlocksArray.push(block_tdi_61); </script><div class="td-block-title-wrap"></div><div id=tdi_61 class="td_block_inner td-mc1-wrap"> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-container td-category-pos-"> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/control-your-spotify-playlist-with-an-mcp-server/" rel="bookmark" title="Control Your Spotify Playlist with an MCP Server">Control Your Spotify Playlist with an MCP Server</a></h3> <div class="td-editor-date"> <a href="https://techhoarde.com/category/machine-learning/" class="td-post-category">Machine Learning</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-20T03:39:36+00:00" >April 20, 2025</time></span> </span> </div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-container td-category-pos-"> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/automate-video-insights-for-contextual-advertising-using-amazon-bedrock-data-automation/" rel="bookmark" title="Automate video insights for contextual advertising using Amazon Bedrock Data Automation">Automate video insights for contextual advertising using Amazon Bedrock Data Automation</a></h3> <div class="td-editor-date"> <a href="https://techhoarde.com/category/artificial-intelligence/" class="td-post-category">Artificial intelligence</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-20T02:39:29+00:00" >April 20, 2025</time></span> </span> </div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-container td-category-pos-"> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/rogue-npm-packages-mimic-telegram-bot-api-to-plant-ssh-backdoors-on-linux-systems/" rel="bookmark" title="Rogue npm Packages Mimic Telegram Bot API to Plant SSH Backdoors on Linux Systems">Rogue npm Packages Mimic Telegram Bot API to Plant SSH Backdoors on Linux Systems</a></h3> <div class="td-editor-date"> <a href="https://techhoarde.com/category/cybersecurity/" class="td-post-category">Cybersecurity</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-20T02:01:03+00:00" >April 20, 2025</time></span> </span> </div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-container td-category-pos-"> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/google-rolls-out-gemini-2-5-flash-preview-on-april-17/" rel="bookmark" title="Google rolls out Gemini 2.5 Flash preview on April 17">Google rolls out Gemini 2.5 Flash preview on April 17</a></h3> <div class="td-editor-date"> <a href="https://techhoarde.com/category/technology/" class="td-post-category">Technology</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-19T22:42:39+00:00" >April 19, 2025</time></span> </span> </div> </div> </div> </div> <div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post"> <div class="td-module-container td-category-pos-"> <div class="td-module-meta-info"> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/budget-aware-fashion-matching-with-gemini-by-arwa-awad-apr-2025/" rel="bookmark" title="Budget-Aware Fashion Matching With Gemini | by Arwa Awad | Apr, 2025">Budget-Aware Fashion Matching With Gemini | by Arwa Awad | Apr, 2025</a></h3> <div class="td-editor-date"> <a href="https://techhoarde.com/category/machine-learning/" class="td-post-category">Machine Learning</a> <span class="td-author-date"> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-19T22:18:39+00:00" >April 19, 2025</time></span> </span> </div> </div> </div> </div> </div></div></div></div></div></div><div id="tdi_62" class="tdc-row stretch_row_1200 td-stretch-content"><div class="vc_row tdi_63 wpb_row td-pb-row tdc-element-style" > <style scoped>.tdi_63,.tdi_63 .tdc-columns{min-height:0}.tdi_63,.tdi_63 .tdc-columns{display:block}.tdi_63 .tdc-columns{width:100%}.tdi_63:before,.tdi_63:after{display:table}.tdi_63{margin-bottom:-116px!important;padding-top:105px!important;padding-bottom:135px!important;position:relative}.tdi_63 .td_block_wrap{text-align:left}@media (min-width:1019px) and (max-width:1140px){.tdi_63{margin-bottom:-109px!important;padding-top:85px!important;padding-bottom:120px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_63{margin-bottom:-90px!important;padding-top:65px!important;padding-bottom:90px!important}}@media (max-width:767px){.tdi_63{padding-top:60px!important;padding-bottom:124px!important}}</style> <div class="tdi_62_rand_style td-element-style" ><style>.tdi_62_rand_style{background-color:#211d1d!important}</style></div><div class="vc_column tdi_65 wpb_column vc_column_container tdc-column td-pb-span12"> <style scoped>.tdi_65{vertical-align:baseline}.tdi_65>.wpb_wrapper,.tdi_65>.wpb_wrapper>.tdc-elements{display:block}.tdi_65>.wpb_wrapper>.tdc-elements{width:100%}.tdi_65>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_65>.wpb_wrapper{width:auto;height:auto}</style><div class="wpb_wrapper" ><div class="tdm_block td_block_wrap tdm_block_column_title tdi_66 tdm-content-horiz-left td-pb-border-top td_block_template_1" data-td-block-uid="tdi_66" > <style>.tdi_66{margin-bottom:0px!important}</style><div class="td-block-row"><div class="td-block-span12 tdm-col"> <style>body .tdi_67 .tdm-title{color:#ffffff}.tdi_67 .tdm-title{font-family:Muli!important;font-size:36px!important;line-height:1!important;font-weight:800!important}@media (min-width:1019px) and (max-width:1140px){.tdi_67 .tdm-title{font-size:32px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_67 .tdm-title{font-size:28px!important}}@media (max-width:767px){.tdi_67 .tdm-title{font-size:30px!important}}</style><div class="tds-title tds-title1 td-fix-index tdi_67 "><h3 class="tdm-title tdm-title-md">Related Stories</h3></div></div></div></div></div></div></div></div><div id="tdi_68" class="tdc-row stretch_row_content td-stretch-content"><div class="vc_row tdi_69 wpb_row td-pb-row" > <style scoped>.tdi_69,.tdi_69 .tdc-columns{min-height:0}.tdi_69,.tdi_69 .tdc-columns{display:block}.tdi_69 .tdc-columns{width:100%}.tdi_69:before,.tdi_69:after{display:table}.tdi_69{margin-bottom:120px!important;padding-right:24px!important;padding-left:24px!important}.tdi_69 .td_block_wrap{text-align:left}@media (min-width:768px) and (max-width:1018px){.tdi_69{margin-bottom:90px!important;padding-right:14px!important;padding-left:14px!important}}@media (max-width:767px){.tdi_69{margin-bottom:80px!important;padding-right:0px!important;padding-left:0px!important}}@media (min-width:1019px) and (max-width:1140px){.tdi_69{margin-bottom:100px!important}}</style><div class="vc_column tdi_71 wpb_column vc_column_container tdc-column td-pb-span12"> <style scoped>.tdi_71{vertical-align:baseline}.tdi_71>.wpb_wrapper,.tdi_71>.wpb_wrapper>.tdc-elements{display:block}.tdi_71>.wpb_wrapper>.tdc-elements{width:100%}.tdi_71>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_71>.wpb_wrapper{width:auto;height:auto}</style><div class="wpb_wrapper" ><div class="td_block_wrap tdb_single_related tdi_72 td_with_ajax_pagination td-pb-border-top td_block_template_1 tdb-single-related-posts" data-td-block-uid="tdi_72" > <style>.tdi_72{margin-bottom:0px!important}</style> <style>.tdb-single-related-posts{display:inline-block;width:100%;padding-bottom:0;overflow:visible}.tdb-single-related-posts .tdb-block-inner:after,.tdb-single-related-posts .tdb-block-inner .td_module_wrap:after{content:'';display:table;clear:both}.tdb-single-related-posts .td-module-container{display:flex;flex-direction:column;position:relative}.tdb-single-related-posts .td-module-container:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px}.tdb-single-related-posts .td-image-wrap{display:block;position:relative;padding-bottom:70%}.tdb-single-related-posts .td-image-container{position:relative;flex:0 0 100%;width:100%;height:100%}.tdb-single-related-posts .td-module-thumb{margin-bottom:0}.tdb-single-related-posts .td-module-meta-info{padding:7px 0 0 0;margin-bottom:0;z-index:1;border:0 solid #eaeaea}.tdb-single-related-posts .tdb-author-photo{display:inline-block}.tdb-single-related-posts .tdb-author-photo,.tdb-single-related-posts .tdb-author-photo img{vertical-align:middle}.tdb-single-related-posts .td-post-author-name,.tdb-single-related-posts .td-post-date,.tdb-single-related-posts .td-module-comments{vertical-align:text-top}.tdb-single-related-posts .entry-review-stars{margin-left:6px;vertical-align:text-bottom}.tdb-single-related-posts .td-author-photo{display:inline-block;vertical-align:middle}.tdb-single-related-posts .td-thumb-css{width:100%;height:100%;position:absolute;background-size:cover;background-position:center center}.tdb-single-related-posts .td-category-pos-image .td-post-category,.tdb-single-related-posts .td-post-vid-time{position:absolute;z-index:2;bottom:0}.tdb-single-related-posts .td-category-pos-image .td-post-category{left:0}.tdb-single-related-posts .td-post-vid-time{right:0;background-color:#000;padding:3px 6px 4px;font-family:var(--td_default_google_font_1,'Open Sans','Open Sans Regular',sans-serif);font-size:10px;font-weight:600;line-height:1;color:#fff}.tdb-single-related-posts .td-module-title{font-family:var(--td_default_google_font_2,'Roboto',sans-serif);font-weight:500;font-size:13px;line-height:20px;margin:0}.tdb-single-related-posts .td-excerpt{margin:20px 0 0;line-height:21px}.tdb-single-related-posts .td-read-more,.tdb-single-related-posts .td-next-prev-wrap{margin:20px 0 0}.tdb-single-related-posts div.tdb-block-inner:after{content:''!important;padding:0;border:none}.tdb-single-related-posts .td-next-prev-wrap a{width:auto;height:auto;min-width:25px;min-height:25px}.single-tdb_templates .tdb-single-related-posts .td-next-prev-wrap a:active{pointer-events:none}.tdb-dummy-data{position:absolute;top:50%;left:50%;transform:translate(-50%);padding:8px 40px 9px;background:rgba(0,0,0,0.35);color:#fff;z-index:100;opacity:0;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.tdc-element:hover .tdb-dummy-data{opacity:1}.tdi_72 .td-image-wrap{padding-bottom:80%}.tdi_72 .entry-thumb{background-position:center 50%}.tdi_72 .td-module-container{flex-direction:column;border-width:2px;border-style:solid;border-color:#000;border-color:#e6e6e6;background-color:#fcfcfc;flex-grow:1}.tdi_72 .td-image-container{display:block;order:0;flex:0 0 0}.tdi_72 .td-module-meta-info{padding:26px 22px;border-color:#eaeaea}.tdi_72 .td-module-title a{box-shadow:inset 0 0 0 0 #000;color:#000000}.tdi_72 .td_module_wrap{width:16.66666667%;float:left;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:12px;display:flex}.tdi_72 .tdb-block-inner{margin-left:-12px;margin-right:-12px}.tdi_72 .td-module-container:before{bottom:-12px;border-color:#eaeaea}.tdi_72 .td-post-vid-time{display:block}.tdi_72 .td-post-category{padding:0px;display:inline-block;background-color:rgba(0,0,0,0);color:#0d42a2;font-family:Muli!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:0.8px!important}.tdi_72 .td-author-photo .avatar{width:20px;height:20px;margin-right:6px;border-radius:50%}.tdi_72 .td-excerpt{display:none;column-count:1;column-gap:48px}.tdi_72 .td-audio-player{opacity:1;visibility:visible;height:auto;font-size:13px}.tdi_72 .td-read-more{display:none}.tdi_72 .td-post-date,.tdi_72 .td-post-author-name span{display:inline-block;color:#747474}.tdi_72 .td-module-comments{display:none}.tdi_72 .td_module_wrap:nth-child(6n+1){clear:both}.tdi_72 .td_module_wrap:nth-last-child(-n+6){margin-bottom:0;padding-bottom:0}.tdi_72 .td_module_wrap:nth-last-child(-n+6) .td-module-container:before{display:none}.tdi_72 .td-post-author-name a{color:#747474}.tdi_72 .td-post-author-name:hover a{color:#0d42a2}.tdi_72 .entry-title{margin:0 0 11px;font-family:Muli!important;font-size:18px!important;line-height:1.2!important;font-weight:800!important}.tdi_72 .td-editor-date,.tdi_72 .td-editor-date .entry-date,.tdi_72 .td-post-author-name a,.tdi_72 .td-module-comments a{font-family:Muli!important;font-size:12px!important;font-weight:400!important}.tdi_72 .td-post-author-name{font-weight:400}.tdi_72 .td_block_inner{display:flex;flex-wrap:wrap}html:not([class*='ie']) .tdi_72 .td-module-container:hover .entry-thumb:before{opacity:0}@media (max-width:767px){.tdb-single-related-posts .td-module-title{font-size:17px;line-height:23px}}@media (min-width:768px){.tdi_72 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}@media (min-width:1019px) and (max-width:1140px){.tdi_72 .td-image-wrap{padding-bottom:70%}.tdi_72 .td-module-meta-info{padding:22px 18px}.tdi_72 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_72 .td_module_wrap{width:33.33333333%;float:left;padding-left:11px;padding-right:11px;padding-bottom:12px;margin-bottom:12px;clear:none!important;padding-bottom:12px!important;margin-bottom:12px!important}.tdi_72 .tdb-block-inner{margin-left:-11px;margin-right:-11px}.tdi_72 .td-module-container:before{bottom:-12px}.tdi_72 .td_module_wrap:nth-child(3n+1){clear:both!important}.tdi_72 .td_module_wrap:nth-last-child(-n+3){margin-bottom:0!important;padding-bottom:0!important}.tdi_72 .td_module_wrap .td-module-container:before{display:block!important}.tdi_72 .td_module_wrap:nth-last-child(-n+3) .td-module-container:before{display:none!important}.tdi_72 .entry-title{margin:0 0 10px;font-size:17px!important}.tdi_72 .td-post-category{font-size:10px!important}.tdi_72 .td-editor-date,.tdi_72 .td-editor-date .entry-date,.tdi_72 .td-post-author-name a,.tdi_72 .td-module-comments a{font-size:11px!important}.tdi_72 .td-excerpt{font-size:1px!important}@media (min-width:768px){.tdi_72 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (min-width:768px) and (max-width:1018px){.tdi_72 .td-image-wrap{padding-bottom:70%}.tdi_72 .td-module-meta-info{padding:22px 18px}.tdi_72 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_72 .td_module_wrap{width:33.33333333%;float:left;padding-left:10px;padding-right:10px;padding-bottom:12px;margin-bottom:12px;clear:none!important;padding-bottom:12px!important;margin-bottom:12px!important}.tdi_72 .tdb-block-inner{margin-left:-10px;margin-right:-10px}.tdi_72 .td-module-container:before{bottom:-12px}.tdi_72 .td_module_wrap:nth-child(3n+1){clear:both!important}.tdi_72 .td_module_wrap:nth-last-child(-n+3){margin-bottom:0!important;padding-bottom:0!important}.tdi_72 .td_module_wrap .td-module-container:before{display:block!important}.tdi_72 .td_module_wrap:nth-last-child(-n+3) .td-module-container:before{display:none!important}.tdi_72 .entry-title{margin:0 0 10px;font-size:17px!important;font-weight:600!important}.tdi_72 .td-post-category{font-size:10px!important}.tdi_72 .td-editor-date,.tdi_72 .td-editor-date .entry-date,.tdi_72 .td-post-author-name a,.tdi_72 .td-module-comments a{font-size:11px!important}@media (min-width:768px){.tdi_72 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (max-width:767px){.tdi_72 .td-module-meta-info{padding:22px 18px}.tdi_72 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_72 .td_module_wrap{width:100%;float:left;padding-left:0px;padding-right:0px;padding-bottom:12px;margin-bottom:12px;padding-bottom:12px!important;margin-bottom:12px!important}.tdi_72 .tdb-block-inner{margin-left:-0px;margin-right:-0px}.tdi_72 .td-module-container:before{bottom:-12px}.tdi_72 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_72 .td_module_wrap .td-module-container:before{display:block!important}.tdi_72 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_72 .entry-title{margin:0 0 10px;line-height:1.1!important}.tdi_72 .td-post-category{font-size:10px!important}.tdi_72 .td-editor-date,.tdi_72 .td-editor-date .entry-date,.tdi_72 .td-post-author-name a,.tdi_72 .td-module-comments a{font-size:11px!important}@media (min-width:768px){.tdi_72 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}</style><script>var block_tdi_72 = new tdBlock(); block_tdi_72.id = "tdi_72"; block_tdi_72.atts = '{"show_author":"","show_com":"none","image_size":"td_485x360","meta_padding":"eyJhbGwiOiIyNnB4IDIycHgiLCJsYW5kc2NhcGUiOiIyMnB4IDE4cHgiLCJwb3J0cmFpdCI6IjIycHggMThweCIsInBob25lIjoiMjJweCAxOHB4In0=","tdc_css":"eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjAiLCJkaXNwbGF5IjoiIn19","image_height":"eyJhbGwiOiI4MCIsInBvcnRyYWl0IjoiNzAiLCJsYW5kc2NhcGUiOiI3MCJ9","show_btn":"none","show_excerpt":"none","modules_category":"above","modules_category_padding":"0","cat_bg":"rgba(0,0,0,0)","cat_txt":"#0d42a2","f_cat_font_family":"406","f_cat_font_size":"eyJhbGwiOiIxMSIsImxhbmRzY2FwZSI6IjEwIiwicG9ydHJhaXQiOiIxMCIsInBob25lIjoiMTAifQ==","f_cat_font_transform":"uppercase","f_cat_font_weight":"800","f_cat_font_spacing":"0.8","f_title_font_size":"eyJhbGwiOiIxOCIsInBvcnRyYWl0IjoiMTciLCJsYW5kc2NhcGUiOiIxNyJ9","f_title_font_family":"406","f_title_font_weight":"eyJhbGwiOiI4MDAiLCJwb3J0cmFpdCI6IjYwMCJ9","f_meta_font_weight":"400","author_txt":"#747474","f_meta_font_size":"eyJhbGwiOiIxMiIsImxhbmRzY2FwZSI6IjExIiwicG9ydHJhaXQiOiIxMSIsInBob25lIjoiMTEifQ==","date_txt":"#747474","f_meta_font_family":"406","modules_category_margin":"eyJhbGwiOiIwIDAgN3B4IiwibGFuZHNjYXBlIjoiMCAwIDZweCIsInBvcnRyYWl0IjoiMCAwIDZweCIsInBob25lIjoiMCAwIDZweCJ9","art_title":"eyJhbGwiOiIwIDAgMTFweCIsImxhbmRzY2FwZSI6IjAgMCAxMHB4IiwicG9ydHJhaXQiOiIwIDAgMTBweCIsInBob25lIjoiMCAwIDEwcHgifQ==","author_txt_hover":"#0d42a2","modules_border_style":"eyJsYW5kc2NhcGUiOiIifQ==","modules_border_size":"2","m_bg":"#fcfcfc","modules_border_color":"#e6e6e6","f_title_font_line_height":"eyJsYW5kc2NhcGUiOiIxLjIiLCJwb3J0cmFpdCI6IjEuMiIsInBob25lIjoiMS4xIiwiYWxsIjoiMS4yIn0=","f_ex_font_size":"eyJsYW5kc2NhcGUiOiIxIn0=","all_modules_space":"24","modules_on_row":"eyJhbGwiOiIxNi42NjY2NjY2NyUiLCJwaG9uZSI6IjEwMCUiLCJsYW5kc2NhcGUiOiIzMy4zMzMzMzMzMyUiLCJwb3J0cmFpdCI6IjMzLjMzMzMzMzMzJSJ9","modules_gap":"eyJhbGwiOiIyNCIsImxhbmRzY2FwZSI6IjIyIiwicG9ydHJhaXQiOiIyMCIsInBob25lIjoiMCJ9","limit":"6","title_txt":"#000000","category_id":"","custom_title":"","related_articles_posts_limit":"6","offset":"","live_filter":"cur_post_same_categories","ajax_pagination":"next_prev","td_ajax_filter_type":"td_custom_related","live_filter_cur_post_id":5680,"sample_posts_data":false,"block_type":"tdb_single_related","separator":"","block_template_id":"","title_tag":"","mc1_tl":"","mc1_title_tag":"","mc1_el":"","related_articles_type":"","related_articles_posts_offset":"","nextprev":"","container_width":"","m_padding":"","modules_divider":"","divider_on":"","modules_divider_color":"#eaeaea","shadow_shadow_header":"","shadow_shadow_title":"Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","h_effect":"","image_alignment":"50","image_width":"","image_floated":"no_float","image_radius":"","hide_image":"","video_icon":"","video_popup":"yes","video_rec":"","spot_header":"","video_rec_title":"- Advertisement -","video_rec_color":"","video_rec_disable":"","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","video_title_color":"","video_title_color_h":"","video_bg":"","video_overlay":"","vid_t_color":"","vid_t_bg_color":"","f_vid_title_font_header":"","f_vid_title_font_title":"Video pop-up article title","f_vid_title_font_settings":"","f_vid_title_font_family":"","f_vid_title_font_size":"","f_vid_title_font_line_height":"","f_vid_title_font_style":"","f_vid_title_font_weight":"","f_vid_title_font_transform":"","f_vid_title_font_spacing":"","f_vid_title_":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","meta_info_align":"","meta_info_horiz":"content-horiz-left","meta_width":"","meta_margin":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","art_audio":"","art_audio_size":"1.5","art_btn":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","modules_category_spacing":"","modules_cat_border":"","modules_category_radius":"0","show_cat":"inline-block","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_date":"inline-block","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","excerpt_middle":"","excerpt_inline":"","show_audio":"block","hide_audio":"","meta_space":"","btn_title":"","btn_margin":"","btn_padding":"","btn_border_width":"","btn_radius":"","pag_space":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_transform":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_line_height":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_line_height":"","f_meta_font_style":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","f_btn_font_title":"Article read more button","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","color_overlay":"","title_txt_hover":"","all_underline_height":"","all_underline_color":"#000","cat_bg_hover":"","cat_txt_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","ex_txt":"","com_bg":"","com_txt":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","btn_bg":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border":"","btn_border_hover":"","nextprev_icon":"","nextprev_icon_h":"","nextprev_bg":"","nextprev_bg_h":"","nextprev_border":"","nextprev_border_h":"","el_class":"","live_filter_cur_post_author":"1","td_column_number":3,"header_color":"","ajax_pagination_infinite_stop":"","td_ajax_preloading":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","ajax_pagination_next_prev_swipe":"","border_top":"","css":"","class":"tdi_72","tdc_css_class":"tdi_72","tdc_css_class_style":"tdi_72_rand_style"}'; block_tdi_72.td_column_number = "3"; block_tdi_72.block_type = "tdb_single_related"; block_tdi_72.post_count = "6"; block_tdi_72.found_posts = "522"; block_tdi_72.header_color = ""; block_tdi_72.ajax_pagination_infinite_stop = ""; block_tdi_72.max_num_pages = "87"; tdBlocksArray.push(block_tdi_72); </script><div id=tdi_72 class="td_block_inner tdb-block-inner td-fix-index"> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/pretty-is-in-the-eye-of-the-beholder/" rel="bookmark" class="td-image-wrap " title="“Pretty” is in the eye of the beholder" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_73{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/bad-typography-SM-light-970x720.png")!important}}</style> <span class="entry-thumb td-thumb-css tdi_73" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/bad-typography-SM-light-485x360.png')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/pretty-is-in-the-eye-of-the-beholder/" rel="bookmark" title="“Pretty” is in the eye of the beholder">“Pretty” is in the eye of the beholder</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-18T20:21:55+00:00" >April 18, 2025</time></span> </span> </div> </div> </div> </div> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/designer-spotlight-stephanie-bruce-codrops/" rel="bookmark" class="td-image-wrap " title="Designer Spotlight: Stephanie Bruce | Codrops" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_74{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/Codrop-Cover-1-scaled-970x720.jpg")!important}}</style> <span class="entry-thumb td-thumb-css tdi_74" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/Codrop-Cover-1-scaled-485x360.jpg')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/designer-spotlight-stephanie-bruce-codrops/" rel="bookmark" title="Designer Spotlight: Stephanie Bruce | Codrops">Designer Spotlight: Stephanie Bruce | Codrops</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-18T14:31:04+00:00" >April 18, 2025</time></span> </span> </div> </div> </div> </div> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/developer-spotlight-andrea-biason-codrops/" rel="bookmark" class="td-image-wrap " title="Developer Spotlight: Andrea Biason | Codrops" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_75{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/codrops-cover-970x720.jpg")!important}}</style> <span class="entry-thumb td-thumb-css tdi_75" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/codrops-cover-485x360.jpg')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/developer-spotlight-andrea-biason-codrops/" rel="bookmark" title="Developer Spotlight: Andrea Biason | Codrops">Developer Spotlight: Andrea Biason | Codrops</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-17T20:57:07+00:00" >April 17, 2025</time></span> </span> </div> </div> </div> </div> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/so-you-want-to-give-up-css-pre-and-post-processors/" rel="bookmark" class="td-image-wrap " title="So, You Want to Give Up CSS Pre- and Post-Processors…" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_76{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/sass-logo-970x600.png")!important}}</style> <span class="entry-thumb td-thumb-css tdi_76" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/sass-logo-485x360.png')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/so-you-want-to-give-up-css-pre-and-post-processors/" rel="bookmark" title="So, You Want to Give Up CSS Pre- and Post-Processors…">So, You Want to Give Up CSS Pre- and Post-Processors…</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-17T15:05:31+00:00" >April 17, 2025</time></span> </span> </div> </div> </div> </div> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/using-css-backdrop-filter-for-ui-effects/" rel="bookmark" class="td-image-wrap " title="Using CSS backdrop-filter for UI Effects" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_77{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/backdrop-filter-weather-widget-970x600.jpeg")!important}}</style> <span class="entry-thumb td-thumb-css tdi_77" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/backdrop-filter-weather-widget-485x360.jpeg')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/using-css-backdrop-filter-for-ui-effects/" rel="bookmark" title="Using CSS backdrop-filter for UI Effects">Using CSS backdrop-filter for UI Effects</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-17T03:23:17+00:00" >April 17, 2025</time></span> </span> </div> </div> </div> </div> <div class="tdb_module_related td_module_wrap td-animation-stack"> <div class="td-module-container td-category-pos-above"> <div class="td-image-container"> <div class="td-module-thumb"><a href="https://techhoarde.com/turning-music-into-motion-the-making-of-the-24-7-artists-launch-page/" rel="bookmark" class="td-image-wrap " title="Turning Music Into Motion: The Making of the 24/7 Artists Launch Page" > <style>@media only screen and (min-device-pixel-ratio:1.5),only screen and (min-resolution:192dpi){.td-thumb-css.tdi_78{background-image:url("https://techhoarde.com/wp-content/uploads/2025/04/Codrops.jpg")!important}}</style> <span class="entry-thumb td-thumb-css tdi_78" style="background-image: url('https://techhoarde.com/wp-content/uploads/2025/04/Codrops-485x360.jpg')" ></span></a></div> </div> <div class="td-module-meta-info"> <a href="https://techhoarde.com/category/programming-tech/" class="td-post-category">Programming & Tech</a> <h3 class="entry-title td-module-title"><a href="https://techhoarde.com/turning-music-into-motion-the-making-of-the-24-7-artists-launch-page/" rel="bookmark" title="Turning Music Into Motion: The Making of the 24/7 Artists Launch Page">Turning Music Into Motion: The Making of the 24/7 Artists Launch Page</a></h3> <div class="td-editor-date"> <span class="td-author-date"> <span class="td-post-author-name"><a href="https://techhoarde.com/author/support/">admin</a> <span>-</span> </span> <span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2025-04-16T21:31:44+00:00" >April 16, 2025</time></span> </span> </div> </div> </div> </div> </div></div></div></div></div></div><div id="tdi_79" class="tdc-row stretch_row_1200 td-stretch-content"><div class="vc_row tdi_80 wpb_row td-pb-row tdc-element-style" > <style scoped>.tdi_80,.tdi_80 .tdc-columns{min-height:0}.tdi_80,.tdi_80 .tdc-columns{display:block}.tdi_80 .tdc-columns{width:100%}.tdi_80:before,.tdi_80:after{display:table}.tdi_80{padding-bottom:120px!important;position:relative}.tdi_80 .td_block_wrap{text-align:left}@media (min-width:1019px) and (max-width:1140px){.tdi_80{padding-bottom:100px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_80{padding-bottom:80px!important}}@media (max-width:767px){.tdi_80{padding-bottom:80px!important}}</style> <div class="tdi_79_rand_style td-element-style" ><div class="td-element-style-before"><style>.tdi_79_rand_style>.td-element-style-before{content:''!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important;display:block!important;z-index:0!important;background-image:url("https://techhoarde.com/wp-content/uploads/2024/04/pattern.png")!important;background-repeat:no-repeat!important;background-position:center bottom!important;opacity:0.2!important}</style></div></div><div class="vc_column tdi_82 wpb_column vc_column_container tdc-column td-pb-span8"> <style scoped>.tdi_82{vertical-align:baseline}.tdi_82>.wpb_wrapper,.tdi_82>.wpb_wrapper>.tdc-elements{display:block}.tdi_82>.wpb_wrapper>.tdc-elements{width:100%}.tdi_82>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_82>.wpb_wrapper{width:auto;height:auto}.tdi_82{width:66%!important}@media (max-width:767px){.tdi_82{width:100%!important}}@media (min-width:768px) and (max-width:1018px){.tdi_82{width:100%!important}}</style><div class="wpb_wrapper" > <script> var tdb_login_sing_in_shortcode="on"; </script> <div class="td_block_wrap tdb_single_comments tdi_83 tdb-comm-layout3 td-pb-border-top td_block_template_2" data-td-block-uid="tdi_83" > <style>.td_block_template_2.widget>ul>li{margin-left:0!important}.td_block_template_2 .td-block-title{font-size:17px;font-weight:500;margin-top:0;margin-bottom:16px;line-height:31px;text-align:left}.td_block_template_2 .td-block-title>*{color:var(--td_text_header_color,#000)}.td_block_template_2 .td-related-title a{padding:0 20px 0 0}@media (max-width:767px){.td_block_template_2 .td-related-title a{font-size:15px}}.td_block_template_2 .td-related-title .td-cur-simple-item{color:var(--td_theme_color,#4db2ec)}.tdi_83{margin-top:-21px!important;margin-bottom:0px!important}</style> <style>.tdb_single_comments input[type=text]{min-height:34px;height:auto}.tdb_single_comments .comments,.tdb_single_comments .comment-respond:last-child,.tdb_single_comments .form-submit{margin-bottom:0}.is-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tdb-comm-layout3 form,.tdb-comm-layout5 form{display:flex;flex-wrap:wrap}.tdb-comm-layout3 .td-form-comment,.tdb-comm-layout5 .td-form-comment,.tdb-comm-layout3 .form-submit,.tdb-comm-layout5 .form-submit{flex:0 0 100%;order:1}.tdb-comm-layout3 .td-form-author,.tdb-comm-layout3 .td-form-email,.tdb-comm-layout3 .td-form-url{flex:0 0 32%}.tdb-comm-layout5 .td-form-author,.tdb-comm-layout5 .td-form-email{flex:0 0 49%}.tdb-comm-layout5 .td-form-url{flex:0 0 100%}.tdb-comm-leave_reply_top .comments{display:flex;flex-direction:column}.tdb-comm-leave_reply_top .td-comments-title{order:0;margin-bottom:14px}.tdb-comm-leave_reply_top .comment-respond .form-submit{order:1;margin-bottom:21px}.tdb-comm-leave_reply_top .comment-list{order:2}.tdb-comm-leave_reply_top .comment-pagination{order:3}.tdi_83 .comment-link{display:inline-block}.tdi_83 .comment{border-bottom-style:dashed}.tdi_83 .comment .children{border-top-style:dashed}.tdi_83 .comment-form .submit{background-color:#0d42a2;font-family:Muli!important;line-height:2!important;font-weight:800!important;text-transform:uppercase!important}.tdi_83 .td-comments-title a,.tdi_83 .td-comments-title span{font-family:Muli!important;font-size:25px!important;line-height:2!important;font-weight:800!important}.tdi_83 cite{font-family:Muli!important}.tdi_83 .comment-link,.tdi_83 .comment-edit-link{font-family:Muli!important}.tdi_83 .comment-content p{font-family:Muli!important}.tdi_83 .comment-reply-title{font-family:Muli!important;font-size:25px!important;line-height:2.5!important;font-weight:800!important}.tdi_83 input[type=text],.tdi_83 textarea{font-family:Muli!important}.tdi_83 .comment-form-cookies-consent label,.tdi_83 .logged-in-as,.tdi_83 .logged-in-as a,.tdi_83 .td-closed-comments{font-family:Muli!important}@media (min-width:767px){.tdb-comm-layout2 form,.tdb-comm-layout4 form{margin:0 -10px}.tdb-comm-layout2 .logged-in-as,.tdb-comm-layout4 .logged-in-as,.tdb-comm-layout2 .comment-form-input-wrap,.tdb-comm-layout4 .comment-form-input-wrap,.tdb-comm-layout2 .form-submit,.tdb-comm-layout4 .form-submit,.tdb-comm-layout2 .comment-respond p,.tdb-comm-layout4 .comment-respond p{padding:0 10px}.tdb-comm-layout2 .td-form-author,.tdb-comm-layout2 .td-form-email{float:left;width:33.3333%}.tdb-comm-layout2 .td-form-url{width:33.3333%}.tdb-comm-layout2 .td-form-url{float:left}.tdb-comm-layout4 .td-form-author,.tdb-comm-layout4 .td-form-email{float:left;width:50%}.tdb-comm-layout3 .td-form-author,.tdb-comm-layout5 .td-form-author,.tdb-comm-layout3 .td-form-email{margin-right:2%}}@media (max-width:767px){.tdb-comm-layout3 .td-form-author,.tdb-comm-layout3 .td-form-email,.tdb-comm-layout3 .td-form-url,.tdb-comm-layout5 .td-form-author,.tdb-comm-layout5 .td-form-email{flex:0 0 100%}}@media (min-width:1019px) and (max-width:1140px){.tdi_83 .comment-form .submit{font-size:12px!important;line-height:1.8!important}}@media (min-width:768px) and (max-width:1018px){.tdi_83 .comment-form .submit{font-size:12px!important;line-height:1.9!important}}@media (max-width:767px){.tdi_83 cite{font-size:12px!important}.tdi_83 .comment-form .submit{font-size:12px!important;line-height:1.5!important}.tdi_83 .comment-form-cookies-consent label,.tdi_83 .logged-in-as,.tdi_83 .logged-in-as a,.tdi_83 .td-closed-comments{font-size:12px!important;line-height:1.1!important}}</style><div class="tdb-block-inner td-fix-index"><div class="comments" id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave A Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/quick-hit-12-css-tricks/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://techhoarde.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><div class="clearfix"></div> <div class="comment-form-input-wrap td-form-comment"> <textarea placeholder="Comment:" id="comment" name="comment" cols="45" rows="8" aria-required="true" > Comment: