All solutions

Submitted almost 2 years ago
Magical fluid grid and formatting using Cleave library
- HTML
- CSS
- JS
0
Submitted almost 2 years ago
Change elements property leveraging HTML "data-*" attribute
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Simple responsive page media query-free ft fluid layout and flexbox
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Details and summary HTML elements combined with custom arrow
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Hidden/visible box transition on button click
- HTML
- CSS
- JS
1
Submitted about 2 years ago
Programmatically setting CSS rule's properties on form submit
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Form error messages based on pseudo-classes combined a bit of JS
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Passing custom styled radio buttons data through URL params
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Curved background based on wrapper and pseudo-elements
- HTML
- CSS
1
Submitted about 2 years ago
Grid layout and simple side menu toggle
- HTML
- CSS
- JS
0
Submitted about 2 years ago
Simple landing page fluid design using clamp
- HTML
- CSS
1
Submitted about 2 years ago
Header, main, footer fluid responsive design
- HTML
- CSS
0
Submitted about 2 years ago
Simple mobile-first full webpage layout
- HTML
- CSS
0
Submitted about 2 years ago
Flexbox wrap in order to avoid the need of media queries
- HTML
- CSS
0
Submitted about 2 years ago
Responsive grid of cards in different sizes
- HTML
- CSS
2
Submitted about 2 years ago
Responsive landing page using grids
- HTML
- CSS
0
Submitted about 2 years ago
12-column grid to lay cards out in different alignments
- HTML
- CSS
0
Submitted about 2 years ago
Flexbox with multiple items alignment card
- HTML
- CSS
0
Submitted about 2 years ago
Desktop card that grows with vw unit
- HTML
- CSS
0
Submitted about 2 years ago
1 to 3 columns grid responsive layout
- HTML
- CSS
1
Submitted about 2 years ago
Background image transform translate
- HTML
- CSS
1
Submitted about 2 years ago
Flexbox card with only one side box shadow
- HTML
- CSS
1
Submitted about 2 years ago
Flexbox card with image overlay using pseudo-element
- HTML
- CSS
1
Submitted about 2 years ago
Simple portrait responsive card using media query
- HTML
- CSS
2

João Oliveira

All solutions

Magical fluid grid and formatting using Cleave library

Change elements property leveraging HTML "data-*" attribute

Simple responsive page media query-free ft fluid layout and flexbox

Details and summary HTML elements combined with custom arrow

Hidden/visible box transition on button click

Programmatically setting CSS rule's properties on form submit

Form error messages based on pseudo-classes combined a bit of JS

Passing custom styled radio buttons data through URL params

Curved background based on wrapper and pseudo-elements

Grid layout and simple side menu toggle

Simple landing page fluid design using clamp

Header, main, footer fluid responsive design

Simple mobile-first full webpage layout

Flexbox wrap in order to avoid the need of media queries

Responsive grid of cards in different sizes

Responsive landing page using grids

12-column grid to lay cards out in different alignments

Flexbox with multiple items alignment card

Desktop card that grows with vw unit

1 to 3 columns grid responsive layout

Background image transform translate

Flexbox card with only one side box shadow

Flexbox card with image overlay using pseudo-element

Simple portrait responsive card using media query