How to embed a rich-text editor on a website?
For starters, I'm sorry if it's a wrong place for this question, I wasn't sure where should I ask it.
I'd like to add a rich-text editor to my website, because I want to allow my user to create long content, and they may want to input code blocks, links, images and so on. How do I do that? Do I need a CMS for that? Or maybe some plugin?
I tried to do the research on my own but I haven't found anything that would be of any help. Also, I have no previous experience working with CMSs, so I'm not even sure what should I look for....
Hero Section help
first time making a hero section, i am using flexbox. do i give it a set height or no? if so what is the best practice.
im trying to make my hero look like his, its pretty big but doesnt go all the way down...
Navigation list sliding from hamburger menu.
Hey guys, getting desperate again with probably trivial question, but hopefully someone could help me understand what can i do here:
I am trying to build sliding navigation bar on mobile version of my react-app by using hamburger menu. I also want it to be smooth animated.
I can't figure out how to properly do it. Usually in tutorials they do it either with
top: -100% to top:0 by using parent position: relative and child position: absolute and they slide from top of the browser (or translateY).
However in my case i have 2 top elements that are positioned above the navigation menu, thus they slide in through them and also background of container div isn't applying its background color when button is active. I want it to slide below logo and hamburger button, not from the top of the browser moving through it and also extending background of div container that wraps both header and nav ...
Undefined Variable
I'm working on building a calculator app with little knowledge of JS (jumping into an example to force myself to learn).
What I'm trying to do is take an input and add to a variable 'total'. Currently, the variable 'total' is undefined. Based on button click, it gets defined by whichever number is pressed. However, when outputting, it pre-fixes with 'undefined' despite being defined prior to output (see attachment)
How could I go about fixing this?...
How to place this svg as my background footer with Tailwind?
Guys i dont know how to do this. I want my footer exactly like this but i have it fixed on the screen. So if i scroll up it follows me.
Here is the Footer component where i think only the "relative z-50 bg-footer" classes are relevant:
```react
"use client";
import Link from "next/link";...
Horizontal scroll bar not appearing in Chrome, for absolutely positioned flexbox div inside a grid.
TLDR: I am expecting to have a horizontal scroll bar appear on a div. However no scroll bar appears in chrome browser, and an uninteractive scroll bar appears in firefox browser. The scroll behaviour does work using gesture / shift+scroll wheel. Reproduction of the bug is in attached .mht file, attempts to recreate it "simply" in codepen etc have been unsuccessful.
The application is an online card game and there is one section where a player can keep multiple cards, named "permanents"
In the attached .mht file I have one example where there are multiple card divs inside of the permanents zone (see screenshot for issue)....
Add vertical line
how can i add vertical line like in image i have tried it by using border-left but it height become equal to the div height check the attach image and here is my code link"https://play.tailwindcss.com/NS1BlJ5Wh3?file=css
Small white space at the bottom of my website.
I am making a website using react and tailwind but I just came across some white space at the bottom of the website screen when viewing it.
The only thing that has fixed this white space is with overflow-auto on the outermost div in my App.js file. I feel like there is a better way to handle this though. I have tried h-screen, min-h-screen, h-full, and min-h-full and nothing seems to help.
Here is my code:...
