All solutions

Submitted about 2 months ago

Product card component

HTML
CSS

is it just me or everyone that uses this long css for a button ?

button {
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: 'Montserrat', sans-serif;
  font-weight: 600;

  outline: none;
  border: none;
  cursor: pointer;

  width: 100%;
  max-height: 3rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  column-gap: 0.5rem;
  
  background: var(--cyan-dark);
  color: white;
}
/* Also button:focus-within, button:hover, & button:active states */

Please tell me how to improve!

Suggestions and feedback are very much appreciated.

Submitted about 2 months ago
Recipe page using plain HTML & CSS3
- HTML
- CSS
0
I would like feedback on the general code and css primarily, If I used some over-engineer methods to perform a simple task, or I didn't pay attention to some stuff that may break the layout at some device

Please be sure to point all the errors, as it will help me tremendously :)

planeboom911

All solutions

Product card component

Recipe page using plain HTML & CSS3