Okay, so this is a bit of a difficult one to explain. I would like two TextFields right above/below each other. The problem comes when you type in to one of the TextFields and the result should be shown in…
https://github.com/KaanAlper/Discord-Card On desktop browsers I can use it up to 125%, after that the content disappears. In phone nothing is visible directly I tried deleting the container and leaving the content directly, but even then the background gets bigger and…
I created a button that must move to a random position when it is clicked. I created a html page with a button that has a function. The function is called and I created two variables height and width to…
so I am trying to figure the following issue: given a top nav bar with position fixed, is there a way that the following down section doesn't get partially hidden by the navbar (because of the fixed position) by using…
I want to have control over a div when I make it absolute I tried making it left 30% right 30% then I gave top a particular pixel when it get to where I want to be it becomes squished…
I'm currently working on a simple dashboard where I'm making use of the nested nav of Bootstrap 5.3.1. I notice when I have a lot of content I cannot see the navigation anymore. That's why I want the left side…
<meta charset="UTF-8"> <title>Reaction game</title> <style> #container { background: lightgreen; width: 900px; height: 900px; margin: auto; display: flex; position: relative; } .div { background: red; width: 60px; height: 60px; } </style> <div id="container"> </div> <script> let container = document.getElementById("container"); let speedX…
I watched from 11:30-16:00 Frontend. As a result <div class="title-wrapper"> <h2 class="title title--purple"><span>Live Auctions</span></h2> </div> .title { font-family: 'Oxanium', font-weight: 700; font-size: 64px; line-height: 130px; color: #F5FBF2; position: relative; &:after { content: ''; position: absolute; top: 50%; left: 0; transform:…
I'm trying to place text on top of an image. I want to achieve this using only Flexbox, without using the position property. Is it possible with Flexbox? const Component = () => { return ( <section> <img src={mountains} />…
I have a section with a heading with a separator thingy and then 3 divs that are supposed to sit side-by-side. I've tried using Flexbox, but that is also putting the text beside them. I want to put the text…