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
3
votes
0answers
36 views

Sneakers store UI challenge

So I have been coding for just under 6 months now. I've made many projects but I don't have a clue if I am writing good code. So I did this frontendmentor challenge which includes HTML CSS and JS. It'...
1
vote
0answers
36 views

Better way to make an hamburger menu responsive

I'm trying to make a responsive hamburger menu for a project that has been assigned to me. I've (kinda) managed to do it, but I don't actually know if the way I reached it is the proper one. What I'm ...
2
votes
1answer
20 views

Are there any redundant divs in my first proper webpage? Or any way to group classes in my CSS file

This is my first full formatted webpage done while doing the odin project. Is there any redundant divs? Can I reduce my css file by grouping some classes? And how to give styles to a button under a ...
2
votes
2answers
89 views

Sorting table rows visually with animation while keeping them intact in the DOM

I have a table which i want to sort the rows visually according to a column while the rows remain intact in the DOM structure. So nodes aren't moving in the DOM or getting replaced with eachother at ...
0
votes
0answers
34 views

Adding more fields to a Questionnaire in a CRUD system

Background on Project When a customer orders a machine, I have to do something called a telephone site survey, which involves asking them questions about their site making sure everything is okay ...
1
vote
0answers
30 views

A simple recipe page in HTML, SASS and JS

I've been learning how to design responsive webpages. I got done the basics and can create code that closely resembles the design, but I was wondering what are the best practices in web development ...
1
vote
0answers
50 views

Split columns moving in the opposite direction when scrolled - in a continuous loop

I've seen something similar and have been trying to refactor the JS. I have two columns of content, which when scrolled move in opposite directions. This should also loop continuously. The ...
2
votes
2answers
76 views

Grade Calculator Tool Code Improvement

I am just looking for code improvements as I believe that it is done, and would like to see it expanded. I mainly want code improvements to make it more efficient, but any and all constructive ...
2
votes
0answers
53 views

Carousel in react

I implemented this carousel component in react: ...
1
vote
0answers
24 views

Suggestions on how to upgrade HTML and CSS making a hamburger icon that transitions to "X" in the code below?

I'm interested in how I can improve my HTML and CSS? I didn't yet learn JS, even though I used it for onclick function, so I'm not currently interested in how to improve the JS in this code. I was ...
2
votes
0answers
44 views

Simple Markdown Blog

this is my first real website I created after learning about web development. It's amazing to me that anyone would spare their free time to code review strangers' code. So thank you in advance. I'd ...
1
vote
0answers
42 views

Creation of a header file

So I've created this Header to include in all my PHP files, and think everything works as it should for now. But since it's the first time I'm creating one, I wanted to have it reviewed just to learn ...
0
votes
1answer
86 views

Building user friendly inputs on a mobile device

I am working on an e-commerce website. The home page has 2 inputs: Looking for and Location. The user would enter their desired product and location and click on Search as shown below: The first ...
1
vote
0answers
14 views

Here's my attempt at a Volumetric Weight Calculator (in cm). How did I do?

So, I've written this small calculator for computing the volumetric weight of a parcel. I've been trying to kick some bad habits to the kerb lately so I was wondering if I could get a code review. ...
0
votes
0answers
18 views

Weather status on dashboard design

So I've made a dashboard, and I have alot of colors / icons on this page. One of the things I wanted to get some others view on was the design I've choosen. I use bootstrap background colors: ...
0
votes
0answers
17 views

Simple flex-based design for automotive sales platform in HTML5

This is my code for a simple used car sales platform, with flex used for the DIVs: https://jsfiddle.net/m56npe32/ I am looking for constructive criticism on how to improve the design, as the entire ...
0
votes
0answers
18 views

Display product summary for an e-commerce website

I am working on an e-commerce website. I want to display products in the search result. Here is a subset of what I am doing to display the images. I am using flex ...
2
votes
2answers
93 views

A circle in a circle

Just experimenting some things with css, I made a centered circle div (inner) which is inside a circle div (outer). ...
3
votes
1answer
45 views

Simple Vanilla JS Todo app

I'm a Kotlin engineer looking to get into web dev. I thought it'd be fun to make a Todo app w/o help from the internet. Just looking for some critiques and feedback, as I'm new-ish to the language. ...
-1
votes
1answer
32 views

PHP processed, HTML-CSS, CMS-agnostic, contact now panel

I develop a CMS-agnostic PHP formatted HTML-CSS "contact now" panel, sticky in the bottom of a website screen. The code is tested and works as can be seen from the following image. I ask a ...
4
votes
3answers
107 views

Creating a binary word search 🔍

I recently crafted a binary word search puzzle using HTML, CSS and JavaScript to dynamically build grids within a grid: ...
0
votes
0answers
39 views

Calculator with vanilla procedural JavaScript

I am doing a project for a calculator in JavaScript. Here is the project GitHub page: https://github.com/florinpop17/app-ideas/blob/master/Projects/1-Beginner/Calculator-App.md Demo: https://...
0
votes
0answers
24 views

React component to display emojis from different sources

I'm looking forward for any feedback to help improve in any way this React component that will render an emoji from GitHub, Twitter or OpenEmoji: ...
6
votes
2answers
103 views

Calculator with JavaScript

I've just created a fully working calculator for my portfolio, and I would like to get a code review. Does that code looks good, or maybe I should refactor it? Is it good enough to be a part of a ...
0
votes
0answers
18 views

Skill section with flexbox and javascript. Clicking on certain skill will change the summary

It's the first thing I've created using flexbox and Javascript so I feel like my code could probably improve a lot. Any feedback would be greatly appreciated! https://codepen.io/dee91/pen/jOwbQmd html:...
2
votes
1answer
149 views

Create random wave forms using JavaScript and CSS

Desired output: Animate the wave forms, but use less resources. Any bugs: There are no bugs that I know of. I tied searching google for "use less setIntervals in my project" and found this ...
1
vote
0answers
7 views

Reusable/extensible deisgn of toggle to be used for switching dark mode on/off

I though of defining the following module that I could use to govern the dark mode on/off on a website. Probably I would use it only for that in the whole page, but in the case I don't (i.e. I end up ...
1
vote
1answer
74 views

Best way to make a scroll top/bottom button

So I've made a button in the right-bottom corner of my HTML-page, but I was wondering since it's the first time I've made this, if there is another better way to do this, or if you guys can see ...
0
votes
1answer
49 views

HTML table with repeatable rows and live-calculated column totals with row grouping indication

I created a quick "demonstration of proposal behavior" tool for my post on MSO: A proposal to put ALL answerers on a path to curating better content. Because I have never asked for a review ...
-2
votes
1answer
35 views

undefined instead of innerHTML [closed]

element.parentNode.parentNode.children[3].innerHTML is fine but not ...
2
votes
1answer
87 views

Randomly place Divs on webpage and make sure they don't overlap

Currently I am working on a project for which I want to have the different links (div elements) placed randomly on my webpage. To accomplish this, I first generate a set of coordinates and later check ...
0
votes
2answers
62 views

Portfolio Website Responsive Design

I'm a new developer just starting out learning HTML5, CSS3 and JavaScript. Below is my attempt at building a portfolio website. I am finding it difficult getting my site to respond better when ...
3
votes
1answer
52 views

Javascript Word Vectors Demo

This is my WIP attempt at an open-source web demo for exploring word vectors as part of my research. The functionality will be explained separately from the site. It is also my first time using HTML, ...
2
votes
1answer
31 views

developer portfolio website

I'm a new developer just starting out learning HTML, css and JavaScript. Below is my attempt at building a portfolio website. I am finding it difficult positioning elements the way I want to and ...
-1
votes
1answer
40 views

Is there a correct way to do this layout in HTML/CSS

I am new to web development and I am making a small "About Me" website using html/css . I managed to do this layout : https://imgur.com/a/Kb0xPQA Although it did the job done, I am just ...
2
votes
2answers
73 views

JS script fetching GitHub API for personal website

I've built a very simple personal website, everything is in a single file because it is very straightforward, but I think the JS script could be better structured. All it does is fetch some repos from ...
1
vote
0answers
40 views

Product Landing Page

I think I went overkill with trying to learn new ways to do the same thing, and this is as most as I could replicate the website from freecodecamp. I'd like advice on ways to do the same things in ...
0
votes
0answers
50 views

Math Text in Racket Scribble

I love the self-completion environment of Racket language. I tried to write some Mathematical text by Racket Scribble. I thought that Scribble's output was verbose or roundabout, but I could reduce my ...
2
votes
1answer
39 views

ReactJS link with conditional CSS classes

I'm starting to learn React/NextJS and find the way to write conditional CSS very ugly compared to VueJS. I'm curious if someone could look over this code snippet and guide me in the right direction ...
2
votes
0answers
165 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
51 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 ...
2
votes
1answer
281 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
302 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
21 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
586 views

Vue.js checkout stepper

I have made this small checkout stepper with Vue (v 2.x.x): ...
3
votes
1answer
96 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
72 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/ ...
4
votes
1answer
51 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
52 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
94 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 ...

1
2 3 4 5
21