Questions tagged [web-frontend]

A refinement of the more generic frontend tag. In a web application this usually means HTML, CSS and JavaScript

Related: frontend, css, html, javascript

1441 questions
-1
votes
1 answer

Mobile and Desktop media query priority

I'm a beginner in front-end web development. I want to know the order of priority when writing CSS media queries in desktop first approach. Do i write mobile queries first and tablet queries below it, in this manner: /*Desktop CSS*/ /*Media query…
Danny
  • 3
  • 4
-1
votes
1 answer

Bootstrap 3 Upgrade to Bootstrap 5 NavBar Issue

I am responsible for upgrading Bootstrap from 3 to 5, and allow some minor UI changes, like px-wise changes. However I am suffering from navbar transition like the below discussed. Here is the simplified version of my navbar using Bootstrap…
-1
votes
1 answer

how to develop a screen where this similar/same screen is presented in multiple flows

I am developing a website in React. In this website I have a screen - lets call it "book-an-appointment" And I have multiple flows: book an appointment for existing client book an appointment for non-existing client book-an-appointment is part of…
Amitk
  • 153
  • 2
  • 10
-1
votes
1 answer

Vote I want the rectangular less wide

Please check the below link to check the code in HTML and CSS and check the result. Please, I need the rectangular in the result to be less wide. https://jsfiddle.net/Ahmed_abdelmeguid/6L8vbutw/5/ [enter image description here][1] this is CSS…
-1
votes
1 answer

How to do an accordion with HTML and JS

I want an accordion to drop down when a user clicks on the greater than sign.

DEP-08B827E791

-1
votes
1 answer

Instead of left click on a link I find I must right click. Why? Is this a new feature or a bit of code that went wrong?

I am facing an issue with slider button link, when I right-click on button it's working fine but not on left-click. I have tried many things, yet do not find any solution. here is button code:
-1
votes
1 answer

add logo image to bootstrap navbar

I used the prescribed method from bootstrap docs but the image doesn't display And…
Lechaq
  • 55
  • 6
-1
votes
2 answers

how to fit table in entire the page

i don't want to margin in the page. i just fit the table according to width of page by using html only. testing
-1
votes
1 answer

Creating a frontend program for a machine learning program (help)

I recently got a project that involves creating a front end application that would connect to a backend program. The backend program is a machine learning code that inputs some parameters and outputs a graph. This machine learning code was made in…
-1
votes
1 answer

Only ccs styling of container which has specific number of children elements

Is there any specific css selector to style container which contains specific numbers of children. For example:
Ifenkiul
  • 1
  • 1
-1
votes
1 answer

How to pass props from component A to component C

Here I want to pass props from A to c. Basically, I have created a function in the A component and aspecting an argument from the C component. but this does not work. so, please tell me How do I pass arguments in C to A. import React from 'react' …
lax
  • 31
  • 3
-1
votes
1 answer

Is it possible in React to define which prop to pass (and whether to pass) to child components based on prop from parent component?

Basically imagine the following situation, there are 4 existing components: MainComponent1, MainComponent2, IntermediateComponent and ChildComponent. MainComponent1 and MainComponent2 can use IntermediateComponent as their child component, and…
Konstantink1
  • 575
  • 1
  • 8
  • 26
-1
votes
1 answer

what is main difference between flexbox and grid in CSS?

I hope you are doing great. I want to know the main difference between flexbox and grid in CSS and their proper use case. I would love to hear from you. Your answer is always appreciated. Thanks, Khubaib Shoukat.
-1
votes
2 answers

why when I use fullscreen on my web the images is zooming too

I have this problem when I make a website for my school project: when I'm using fullscreen my photos in the website get bigger too. When not in fullscreen: NOT FULLSCREEN When in fullscreen: FULLSCREEN This is my code:…
Pckpow
  • 23
  • 5
-1
votes
1 answer

Getting the current UTC time from a browser with Javascript, without access to a backend/proxy and without relying on response header

I'm looking for some way to have everyone who enters my webpage syncronized, and I'm hoping to avoid having to set up my own NTP time server. I've tried multiple solutions, but ultimately they all rely on the same thing - the date on a header, which…
user1999728
  • 913
  • 1
  • 8
  • 25