Questions tagged [css]

CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XML documents including colors, layout, and fonts.

Filter by
Sorted by
Tagged with
0
votes
0answers
18 views

How to make the right js function for the reward system

I know that should be easy, so I'm sorry for stupid question. I didn't learn that. But I'll be happy if someone will be kind to help me. ...
0
votes
0answers
19 views

The students reward list [closed]

The code needs to make the list of the students. Correct the names if it's needed and add a new students. And the teacher can give them the stars like the reward. I did it, but my code looks like a ...
0
votes
0answers
18 views

What's the better way of centering stacked images [closed]

TL;DR Please review my code and help me answer the questions I have. You can find the code at the end of the question. I've been learning HTML/CSS from freeCodeCamp and at the end of their Responsive ...
2
votes
0answers
19 views

Create a map where countries can be selected using react-leaflet

I've only just started learning javascript and decided to try and make a simple app where individual countries can be selected, highlighting them, and the name appearing in the top corner. The code ...
2
votes
1answer
41 views

Using CSS, surely there is a better way to write this Flex code?

I needed some help with Flex. I am trying to achieve something like this using flex but I cant seem to align all the items to the left for both. The code I provided below works just fine, but I'm sure ...
1
vote
1answer
86 views

Bootstrap form with floating labels

I have turned a "classic" Bootstrap form into a "floating labels" form. For this purpose, I had to move the labels below the form controls. ...
5
votes
1answer
169 views

JavaScript discrete slider web component

The standard HTML range input element suffers from a number of limitations that caused me to implement the web component presented here. First, it is unnecessarily complicated to style the standard ...
-1
votes
1answer
20 views

Some optimisations?

it's been two weeks since I started learning web development and am currently practicing designing a friend contact page. The problem is, I find my code very poorly optimized and can't do what I want. ...
4
votes
2answers
430 views

Vue.js checkout stepper

I have made this small checkout stepper with Vue (v 2.x.x): ...
2
votes
1answer
27 views

Make roads contrast with Google Maps

EDIT: I turned down the brightness on my monitor using the graphics options for the video card. This solved the issue. How this setting changed is a mystery... I am leaving this up because googling it ...
4
votes
1answer
46 views

Python Rubiks cube solver - general code comments

I have been learning Python/Flask for the past 5 months outside of full time work and have just finished a first complete version of an app: Working site: https://rubiks-cube-solver.herokuapp.com/ ...
2
votes
0answers
16 views

HTML <ruby> elements word spacing using jQuery

I'm doing a hobby project for fun recently, it's a GitHub webpage using Jekyll. One of the main component of my site is displaying Chinese characters with their Sino-Vietnamese pronunciation. I use <...
2
votes
2answers
48 views

Code for car sales platform designed with flexbox in HTML5

This is intended as a simple layout for an auto showroom site: Disclaimer Details changed from original for privacy ...
0
votes
0answers
44 views

Rock Paper Scissors Game in JavaScript

My latest project is a Rock Paper Scissors Game that I made in The Odin Project course. It's a web version, made with HTML, CSS and JS. I would appreciate to read your opninions, especially with ...
2
votes
1answer
34 views

Personal Project Download Website

This is my first month learning HTML and CSS, I have built a working download page for one of my Java projects and I wanted to see if there is anything to improve on my website. The website works as I ...
0
votes
1answer
30 views

Using <a> element instead of <tr> to get clickable rows

I want to create clickable rows in an html table. Each row should be a link leading to a different page. I can of course add onclick handler, but that will create ...
2
votes
0answers
28 views

Javascript portfolio with 11 small apps

I'm learning to code for about a year and recently I finished my Javascript project. It contains of 11 fairly simple apps involving using APIs and DOM manipulations https://github.com/matt765/js it's ...
1
vote
1answer
72 views

Web-site navigation bar

I'm just starting to learn website coding with html, css, and JavaScript. To get a bit of a hang for it, I'm trying to build a complete web page. So far, I've only done the navbar. I started with a ...
1
vote
2answers
50 views

Dijktra's Algorithm Visualizer

A couple months ago I made an interactive dijktra visualizer that allowed the user to setup the map nodes and run the algorithm. I thought it was a good way to solidify my algorithm and html/css ...
1
vote
0answers
15 views

Getting images to align side-by-side and making DIV with image not move with text?

This is my working code for a HTML auto dealer template which does the job, but esthetically, isn't quite that pleasing and is very functional (use Expand snippet on all of these to see the design ...
2
votes
0answers
35 views

Todolist in vanillaJS

I have been studying front-end development for 2 .5 months, I decided to switch to practice and wrote a todo list in 8 hours Please write your opinion about the code and how it can be improved (...
1
vote
0answers
38 views

Responsive pseudo-tables

I have been looking for a way to display tabular data in a way that is optimal both for large (desktop) and small (smartphone) devices. I use divs instead of tables. ...
0
votes
0answers
17 views

CSS animated button and custom meter made of divs

I know I could've used a <meter> element, but I wanted to try implementing from scratch. The positions are a bit hacky, and I tried to make it responsive but ...
3
votes
1answer
33 views

Cookie consent box on button click

I'm just getting started with frontend development. I tried to make a pretty barebones cookie consent notice. I still don't fully understand flexbox and positioning, so the code is messy. HTML: ...
0
votes
0answers
29 views

Vanilla JS Tic Tac Toe

I would appreciate a code review - specifically of the javascript - for a tic tac toe game that I have built. I am looking for feedback on where improvements can be made in the overall structure, ...
4
votes
2answers
114 views

Simple To do List

I am working on a simple to do list and i was hoping if a experienced person could review my code in hope for feedback. I don't use any libraries as i haven't taken time to look about them. I decided ...
0
votes
2answers
48 views

Script for showing/hiding on click - how can I write this code cleaner?

I have this simple code, but it's messy - how do I do it cleaner? It works like this: If you click on the menu-btn1 the div ...
3
votes
1answer
61 views

Carousel Using Vanilla Javascript

As a beginner project, I've start working on this carousel slider that would slide through an image and a testimonial on click. The number of images and content slides would always be the same number. ...
4
votes
1answer
67 views

Replicating the norwegian flag using CSS

so here I am trying to get some reviews from my code, where I have to replicate the norwegian flag using flexbox. First to be sayed is that my teachers told me to divide the flag in two sections, ...
0
votes
1answer
200 views

BMR calculator web app written in HTML/CSS/Vanilla JS

I'm learning JavaScript at the moment (still very much a beginner) and this is the first app I've designed on my own, without using any tutorials. It's an app which takes the user's gender, age, ...
1
vote
0answers
46 views

Does my first npm package follow best practices?

I have created my first npm package: https://github.com/sunnysideup/stretched-bg-image. The purpose of the package is to add a class to a div (or any other block element in the HTML) depending on the ...
1
vote
1answer
31 views

HTML CSS 2 columns project

Goal I am aiming to create a page with two columns, left side to be a summary section and the right side just an image. I'd like to hear some reviews to where I can improve my current html and css ...
1
vote
1answer
47 views

Vanilla JS Complex TO DO List application

Hello I've created to do app with some additional functionality. Since I am new in JS I would love some feedback if you guys could point out some obvious mistakes/good practices/better solutions or ...
2
votes
0answers
50 views

Travel agent website

I've created a travel agent website, I would like to know how can I improve, DRY my code and how to increase performance - I tinified img's but the bottom one I've made in PS takes much time to load. ...
5
votes
1answer
210 views

Tic-Tac-Toe Game vanilla JS/CSS

I am practically brand new to coding and this is my first "real" project I've been attempting. It's an attempt at a vanilla JS game with selectable layout and win conditions (partially ...
0
votes
1answer
45 views

Christmas tree made up only with HTML and CSS

I've created a Christmas tree using only HTML and CSS. It's pretty sure that the code can be written in a more efficient way. Also, the lights are turning on and off at the same time, is there a way ...
2
votes
1answer
53 views

Selectively printing elements on web page using a bookmarklet

There is a web page I visit which I would like to print. However, I only want to print a couple of things on it, not everything. So, I am making a bookmarklet that I can use whenever I visit the page ...
0
votes
0answers
95 views

Best practice for multiple conditional HTML options with similar code blocks

So I'm pretty new to HTML/Angular and frontend tech in general. I'll include my code below, but as you'll see there's a LOT of commonality between the switch cases, what I'd like to try do is have ...
2
votes
1answer
46 views

Validation Form

Created a validation form in vanilla JS. Due to my little experience, I have a bunch of "if" here, I can not transfer the coordinates of Yandex.Maps to another function for validation, and ...
2
votes
3answers
58 views

Task-list app, which allows to add and remove tasks from list

I wrote my first web app. Please let me know what I should improve. I want to write as clean code as possible. App is about adding and removing tasks from list. Backend is written in Django, frontend ...
4
votes
0answers
43 views

Creating a basic table with CSS grid

Trying to improve my HTML and CSS. Creating a Basic Table using CSS grid, to match as closely to this image: Please ignore the color red and green in the rows and Some rows are missing since it was ...
0
votes
2answers
27 views

Template file for creating formatted webpages

This is my working template file which I manually edit to create new properly formatted webpages for my personal website. I am interested in what advantages if any could be realized by placing the CSS ...
2
votes
2answers
1k views

A snake game in HTML/CSS/JavaScript

I made a snake game in HTML/CSS/JavaScript. I want to make my code better and shorter. Here is my codes: index.html: ...
2
votes
1answer
52 views

Single price grid component (HTML & CSS Project)

I would appreciate some feedback on this single price grid component project completed using HTML and CSS. I am trying to recreate the content shown by this image: https://res.cloudinary.com/...
4
votes
1answer
85 views

HTML multi-level menu

I have some vanilla JavaScript for a website menu which works perfectly (thanks mainly to Titus on Stack Overflow), opening and closing a sub-menu (toggling ...
4
votes
1answer
171 views

Custom Connect Four game on CodePen using JavaScript

Can this code be shortened, optimized or remove any unnecessary parts. Just curious if this is the right way to achieve the given result in this CodePen example: CodePen Connect Four Here is my code: ...
1
vote
1answer
24 views

Is there a more dynamic way to target siblings in CSS / SCSS?

The code I'm working on looks like this - All the way up to 50... (Not ideal) There can be anywhere from 1 to 100 anchor/div combinations, but more often than not in single digits so there's almost ...
5
votes
1answer
148 views

Conway's Game of Life - Javascript

Conway's Game of Life Conway's Game of Life is a mathematical game invented by English Mathematician John Horton Conway. The game is based on the theory of cellular automatons. It is a so-called zero-...
1
vote
0answers
25 views

Improving interactive component performance with constant image translation

I am making this React Component for an interactive eye that moves and tracks the user's mouse cursor wherever it goes to in the webpage. However, I faced 3 problems while doing so. The eye moves as ...
6
votes
2answers
86 views

Type ahead in JS

I've been following Wes Bos challenge, I wrote the code myself then looked at his finished example. Here's my code (I only wrote the JS): ...

1
2 3 4 5
20