Почему 400 шрифт выглядит жирнее, чем должен быть?

szQocks, указываю, не помогает, все равно он чуть жирнее референса

Почему 400 шрифт выглядит жирнее, чем должен быть?

Александр Васильев, нет, один раз регаю в body и все

Как сделать сложную несимметричную grid-сетку?

Ankhena, Добрый день, с углами разобрался, а как можно выровнять текст внутри данного блока, чтобы он всегда был четко по линии, где начинает изгиб (отметил красной линией).

Как сделать сложную несимметричную grid-сетку?

Ankhena, Торопился и не то скопировал, вот пожалуйста: https://codepen.io/Ivan-Knyazev/pen/WNWJOWQ

Как сделать сложную несимметричную grid-сетку?

Ankhena, посмотрите, что получается с вашим кодом: https://codepen.io/Ivan-Knyazev/pen/WNWJOWQ

Как сделать сложную несимметричную grid-сетку?

Ankhena,
Если использовать ваш подход:

--gap: 8px;
bottom: calc(100% + var(--gap))

, и подогнать % в bottom, то все равно остаются артефакты от псевдоэлемента:

Как сделать сложную несимметричную grid-сетку?

Ankhena, https://codepen.io/Ivan-Knyazev/pen/WNWJOWQ что я делаю не так?

Как сделать сложную несимметричную grid-сетку?

Ankhena, можете сделать пример для скругления границ верхнего элемента, потому что я не понимаю, как это можно высчитать: https://codepen.io/MagicMight/pen/ExJLNdV?editors=1100

Как сделать сложную несимметричную grid-сетку?

А как решить задачу со скруглением углов у самого верхнего элемента?

Как просмотреть мобильную версию сайта, если даже в инспекторе открывается десктопная версия?

Всего лишь требовалось обновить))) Спасибо!

Как просмотреть мобильную версию сайта, если даже в инспекторе открывается десктопная версия?

Подскажите пожалуйста, как там выбрать конфиг по размеру экрана?

Как сделать кнопку быстрой связи поверх сайта?

Ankhena,
Подскажите пожалуйста, как мне разместить это кнопки справа, а не слева?
Спасибо!

Как сделать кнопку быстрой связи поверх сайта?

Как подогнать иконки по размеру?

Как сделать кнопку быстрой связи поверх сайта?

Ankhena, у меня почему-то это выглядит так:

Как скопировать значения внутри тега элемента с помощью кнопки?

Aza Broflovski, на codepen консоль пустой лог выдает.

Как скопировать значения внутри тега элемента с помощью кнопки?

Aza Broflovski, да, все верно

Как скопировать значения внутри тега элемента с помощью кнопки?

Я правильно понимаю что для содержимого тега <i> надо будет повторить это?

Как спарсить значение из json и вывести его в элементе html?

Добрый день, а как вывести значение в div элемент , в вашем примере там placeholder значение.
Да и в консоли пусто.

Как получить значение (value) выбранной радио кнопки по атрибуту name с помощью JS?

Simkav, выше я написал код калькулятора расчета окупаемости.
Пользователь выбирает одну из опций, раньше они были представлены в селекторе, сейчас хочу представить через радио-кнопки, далее вводит сумму, и калькулятор выдает в зависимости от введенной суммы и выбранной опции различные показатели: roi, aRR, mRR.
Я не могу грамотно и корректно передать value радио-кнопок, с которыми потом работает калькулятор.
Раньше это было просто, тк у селектора всего один id на все его опции:

<select id="option">
          <option value="1.7">start</option>
          <option value="2.3">medium</option>
            <option value="3.3">advanced</option>
            <option value="7">pro</option>
        </select>

и в js value передавалось так:

const projectionScenarioInput = document.querySelector('#option')
// тут обработчик клика по селектору
projectionScenarioInput.addEventListener('change', calculateReturns)
// тут формула расчета
function calculateReturns (e) {

  const totalCustomers = parseInt(totalCustomerBaseInput.value)
  const projectionPercent = parseFloat(projectionScenarioInput.value)
  
  const mRR = totalCustomers / 100 * projectionPercent *30
  const roi = mRR / 30
   if (projectionPercent == 1.7)  {
    aRRContainer.innerHTML ="$" + (totalCustomers + (roi * 15)).toFixed(1)
}
// тут сами расчеты и потом вывод значений

а теперь у меня радио кнопки:

<form id="mainForm" name="mainForm">
  <input type="radio" name="option" value="1"> Раз
  <input type="radio" name="option" value="2"> Два
  <input type="radio" name="option" value="3"> Три 
</form>

И я не могу понять как передать value в js, потому что видит он только самое первое значение value:

const projectionScenarioInput = document.querySelector('input[name="option"]')
projectionScenarioInput.addEventListener('change', calculateReturns)

если использую

const projectionScenarioInput = document.querySelectorAll('input[name="option"]')
projectionScenarioInput.addEventListener('change', calculateReturns)

то получаю ошибку, что не такой функции addEventListener тут:

projectionScenarioInput.addEventListener('change', calculateReturns)

Как получить значение (value) выбранной радио кнопки по атрибуту name с помощью JS?

Подскажите еще пожалуйста: я раньше использовал селектор вместо радиокнопок для калькулятора roi, как мне поменять данный скрипт:

<form id="mainForm" name="mainForm">
  <input type="radio" name="rate" value="1"> Раз
  <input type="radio" name="rate" value="2"> Два
  <input type="radio" name="rate" value="3"> Три 
<input type="number" name="amount" id="amount> 
</form>
<span id="roi"></span>
<span id="aRR"></span
<span id="mRR"></span>

<script>
const totalCustomerBaseInput = document.querySelector('#amount')
const projectionScenarioInput = document.querySelector('input[name="rate"]')

const mRRContainer = document.querySelector('#mRR')
const aRRContainer = document.querySelector('#aRR')
const roiContainer = document.querySelector('#roi')

totalCustomerBaseInput.addEventListener('keyup', calculateReturns)
projectionScenarioInput.addEventListener('change', calculateReturns)

function calculateReturns (e) {

  const totalCustomers = parseInt(totalCustomerBaseInput.value)
  
  const projectionPercent = parseFloat(projectionScenarioInput.value)
  
  const mRR = totalCustomers / 100 * projectionPercent *30
  const aRR = mRR * 12

  const roi = mRR / 30

  mRRContainer.innerHTML = "$" + mRR.toFixed(2)
  aRRContainer.innerHTML = "$" + aRR.toFixed(2)
  roiContainer.innerHTML = "$" + roi.toFixed(2)
}
             </script>

Чтобы он корректно работал с радио-кнопками сейчас?
Спасибо.