WhiteTiger
KPCKevin Powell - Community
•Created by WhiteTiger on 1/27/2025 in #front-end
What do you think about my html?
@clevermissfox thanks I am trying to get used to it
8 replies
KPCKevin Powell - Community
•Created by WhiteTiger on 1/27/2025 in #front-end
What do you think about my html?
Here is my CSS, give me as much critisim as possible so that I can learn to do better.
*,
*::before,
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Roboto", serif;
font-size: 1.3rem;
}
.container {
max-width: 1128px;
margin: 0 auto;
/* background-color: green; */
}
.hero {
min-height: 660px;
background-color: #f3eed9;
display: flex;
justify-content: center;
align-items: center;
}
.hero__heading-primary {
font-size: 3.7rem;
}
.hero__text {
text-align: center;
color: #824936;
font-family: "Playfair Display", serif;
padding: 0 2em;
}
.hero__heading-secondary {
letter-spacing: 0.5rem;
margin-bottom: 0.5em;
}
.design-text {
color: #824936;
/* background-color: lightblue; */
padding: 4em 2em;
}
.design-text__heading {
margin-bottom: 1.5em;
text-align: center;
font-family: "Playfair Display", serif;
}
.design-text__row {
display: flex;
justify-content: space-between;
}
.design-text__row > div {
flex-basis: 45%;
}
.design-description-1__row {
display: flex;
justify-content: space-between;
}
.design-description-1__row > div {
flex-basis: 45%;
}
.design-description-1__heading {
margin-bottom: 0.5em;
font-family: "Playfair Display", serif;
}
.design-description-1 {
background-color: #222c2a;
color: #f3eed9;
padding: 3.5em 2em;
}
.design-description-1__col-2 {
/* border: 3px solid white; */
}
img {
max-width: 100%;
}
.design-description-2__row {
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
}
.design-description-2__row > div {
flex-basis: 45%;
}
.design-description-2__heading {
margin-bottom: 0.5em;
font-family: "Playfair Display", serif;
}
.design-description-2 {
background-color: #824936;
color: #f3eed9;
padding: 3.5em 2em;
}
.design-description-2__col-2 {
/* border: 3px solid white; */
}
8 replies
KPCKevin Powell - Community
•Created by WhiteTiger on 1/27/2025 in #front-end
Am I using the BAM naming convention correctly?
I mean *BEM
4 replies