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…
I am trying do to this exercise: "Write a PHP program to exchange the first and last characters in a given string and return the new string." The thing I've tried to do is this: function stringReverse($str){ $newStr = array($str);…
we need to locate 8 buttons in a shape of half circle with equal distance from another button like shown in picture below: (https://phpout.com/wp-content/uploads/2023/05/F0R75.png) we tried to use positioned widgets but it didnt work. enter image description here
I'm making a website in wordpress.com and I'm trying to figure out how to control where an image is placed? Currently I can only place an image below or above another and it looks really messy. Is there a way…