modern Layout
Hey guys, do have an idea how we can achieve such a layout, it looks like a grid but the "div" with the plant picture has more than 4 corners ans all corners have a nice border radius.
I solved it with a svg as a mask element but i feel like there must be a simple css solution
I would be grateful about any idea or help...
Problem with the container background
I'm using a ternary operator, and transparent is not working, but "#343964" is working. I was able to hide the content of the container, but not the background.
```import React from "react";
import Questions from "./Questions";
import QuizResults from "./QuizResults";...
Can't make image and card have equal height
this is what my current design looks like and i want to the rights images to be equal in height with themself and in equal height with the cards on the left i am currently using bootstraps grid system and mainly its own classes but i did try it using CSS grid but wasn't able to have equal height, so what will be the solution here?
link with ID is reloading the page instead of scrolling to the section
I've given IDs to the sections and linked them to the top, I'm not understanding why it's reloading on each click.
Can you please help
https://leucine-new-website.webflow.io/fda-investigator-glossary-a-t...
Using :not() & nonexistent ID to create specificity for targeted unique elements (Hackity hack)
While simplifying my CSS I began playing with specificity as it applies to unique elements/objects "trapped" within a library or framework.
I found using the ":not" selector on an element with a non-existent id (such as "ordinary" used in the codepen) allowed for very targeted css without using "id" .
This feels evil but thought it would be better to ask a community for a second opinion.
Is this technique to increase specificity for specific unique elements a devilishly good idea or just pure evil? 🤔 ...
Isolation Issue
Hello, greetings from Colombia, I have this issue, even tho i used isolate, my card::after is not shown behind my card, I want it to be behind and also to be affected by the blur from the backdrop filter, any ideas?
flex-group issue or heading text is too long
I am facing issue that my heading text is too long. it is taking too much space to the right I want to place them in two columns in design. I am using starter template from Kevin's course Beyond Css in module 3 after the chefs project. Here is the html```html
<main>
<section class="hero | bg-neutral-300">
<div class="container | flex-group">
<header class="section-header">...
css cards
Can anyone help me styles this numbers properly because i fixed them but in other screens they are not good
me help in css just fix this img
it's not working the icon in nav!
```html
<body>
<nav class="navbar">
<img src="./images/frieren-icon.png" alt="frieren-icon">...
