solution

Latest from solution

Goodbye sagging skin: This skincare solution is the new anti-ageing must-have

Say goodbye to sagging skin: This skincare solution is the new anti-ageing must-have (Photo by Instagram/bodydharma_clinic)

lifestyle

Updated on Oct 21, 2024 08:15 PM IST

Can you solve this tricky riddle? 'I begin the earth and end the eclipse'

Will you be able to solve this brain teaser?

trending

Published on Sep 01, 2024 07:02 PM IST

Conspiracy to force me to quit as CM... but I will not resign: Arvind Kejriwal

Arvind Kejriwal, chief minister of Delhi, at his house in Civil Lines on Wednesday. (Sanchit Khanna/HT Photo)

india news

Updated on May 23, 2024 07:11 AM IST

Low self-reporting in mental health: Challenges and solutions

Low self-reporting in mental health: Challenges, tips to tackle taboo, strategies for change, solutions (Photo by Dan Meyers on Unsplash)

lifestyle

Published on Mar 10, 2024 03:51 PM IST

Problematics | Reluctant recruits go to war

editors pick

Published on Feb 19, 2024 08:00 AM IST

VIEW ALL STORIES

News / Topic / Solution

Story Saved

Live Score

Edit Profile

Your Subscription Plan

Saved Articles

Following

My Reads

Sign out

Get App

Subscribe Now!

.affilate-product { padding: 12px 10px; border-radius: 4px; box-shadow: 0 0 6px 0 rgba(64, 64, 64, 0.16); background-color: #fff; margin: 0px 0px 20px; } .affilate-product #affilate-img { width: 110px; height: 110px; position: relative; margin: 0 auto 10px auto; box-shadow: 0px 0px 0.2px 0.5px #00000017; border-radius: 6px; } #affilate-img img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .affilate-heading { font-size: 16px; color: #000; font-family: "Lato",sans-serif; font-weight:700; margin-bottom: 15px; } .affilate-price { font-size: 24px; color: #424242; font-family: 'Lato', sans-serif; font-weight:900; } .affilate-price del { color: #757575; font-size: 14px; font-family: 'Lato', sans-serif; font-weight:400; margin-left: 10px; text-decoration: line-through; } .affilate-rating .discountBadge { font-size: 12px; border-radius: 4px; font-family: 'Lato', sans-serif; font-weight:400; color: #ffffff; background: #fcb72b; line-height: 15px; padding: 0px 4px; display: inline-flex; align-items: center; justify-content: center; min-width: 63px; height: 24px; text-align: center; margin-left: 10px; } .affilate-rating .discountBadge span { font-family: 'Lato', sans-serif; font-weight:900; margin-left: 5px; } .affilate-discount { display: flex; justify-content: space-between; align-items: end; margin-top: 10px } .affilate-rating { font-size: 13px; font-family: 'Lato', sans-serif; font-weight:400; color: black; display: flex; align-items: center; } #affilate-rating-box { width: 48px; height: 24px; color: white; line-height: 17px; text-align: center; border-radius: 2px; background-color: #508c46; white-space: nowrap; display: inline-flex; justify-content: center; align-items: center; gap: 4px; margin-right: 5px; } #affilate-rating-box img { height: 12.5px; width: auto; } #affilate-button{ display: flex; flex-direction: column; position: relative; } #affilate-button img { width: 58px; position: absolute; bottom: 42px; right: 0; } #affilate-button button { width: 101px; height: 32px; font-size: 14px; cursor: pointer; text-transform: uppercase; background: #00b1cd; text-align: center; color: #fff; border-radius: 4px; font-family: 'Lato',sans-serif; font-weight:900; padding: 0px 16px; display: inline-block; border: 0; } @media screen and (min-width:1200px) { .affilate-product #affilate-img { margin: 0px 20px 0px 0px; } .affilate-product { display: flex; position: relative; } .affilate-info { width: calc(100% - 130px); min-width: calc(100% - 130px); display: flex; flex-direction: column; justify-content: space-between; } .affilate-heading { margin-bottom: 8px; } .affilate-rating .discountBadge { position: absolute; left: 10px; top: 12px; margin: 0; } #affilate-button{ flex-direction: row; gap:20px; align-items: center; } #affilate-button img { width: 75px; position: relative; top: 4px; } }