I have a nested array in html table. Am able to display the table. However, i have a problem with inserting headers to the nested arrays columns. Below is the code: table.js const Table= college?.map((item => <tr > <td> {item.department.map((item,i)…
Image of problem I have 1 main div and inside it one more div. When I try to reduce the size of screen the main div shrinks from the right side but the input section inside the secondary div gets…
I currently have a Material UI Modal component added to my react/typescript project but I'm having some issues that I can't figure out. So on my current site, if you click on one of the card elements, it should open…
I am trying to use a icon I have, where when click expands like I am opening a browser and inside that expanded div "browser" pulls up a URL I attach. How do I achieve pulling up a new url…
I have a paragraph object such as the following: <p>This is an example of a <span class="paragraph-link-example"> paragraph </span> </p> (Stackoverflow isn't showing the HTML tags, so here is an image) https://i.stack.imgur.com/dLxD2.png How do I make the .paragraph-link-example class open…
I'm working on a budget app that lets the user write in their budget and as many expenses as the user wishes. The total budget, expenses, and balance (each of these is a span tag in HTML) are kept in…
function App() { let response = [ { id: 134, user_name: 'abc', phone_number: 1234567890, children: [ { id: 46, user_name: 'Sid', phone_number: 9834763467 }, { id: 50, user_name: 'Tom', phone_number: 9834763467 }, ], }, { id: 948, user_name: 'def', phone_number:…
How can I get my site to look like this? Where the first section fills the whole screen, then when you scroll down ANOTHER section fills the whole screen. https://pharmacy.cargo.site/ I tried doing a width/height 100%, but no luck. I…
const Jobs = new mongoose.Schema({ conditions: { type: String, required: true, }, job_status: { type: String, default: "Running", }, submit_time: { type: Date, default: Date.now, }, }); This is the model i have written , i have a doubt like…
I have this div that is parent for ul. I tried to make ul center vertically but I do not know why I see this situation: <div className=" d-flex align-items-center bg-primary "> <ul className="d-flex align-items-center bg-success" style={{ gap: "3em" }}…