thebigpal
thebigpal
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
thanks
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
aigh then
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
I have like 1 dollar left
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
fr bro
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
what's your paypal @senrastalker
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
thanks
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
oh nvm it works now
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
okay. how do I fix it?
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
now there's this
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
well, it does fit the page but there's a bug. If I shrink it down too much the bottom sidebar will appear, and when scrolling to the right there is this white space
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
I then put flex: 1; to the main
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
bassicaly I created a div and put display to flex and flex direction to column, also giving it 100vh.
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}

/*Header*/

header {
background-color: #101010;
padding: 1rem;
text-align: center;
}

.inner_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.inner_header li {
display: inline-block;
padding: 0 .50rem;
color: #f1f1f1;
}

.inner_header li a {
color: #f1f1f1;
}

#a1 {
padding: 0 .25rem;
color: Gray;
}

/*Main*/

main {
flex: 1;
background-color: #333333;
text-align: justify;
padding: .5rem;
font-size: 1rem;
color: #f1f1f1;
}

/*Footer*/

footer {
background-color: #101010;
padding: 1rem;
color: #f1f1f1;
text-align: center;
font-size: .75rem;
}
.container {
display: flex;
flex-direction: column;
min-height: 100vh;
}

/*Header*/

header {
background-color: #101010;
padding: 1rem;
text-align: center;
}

.inner_header {
display: flex;
align-items: center;
justify-content: space-between;
}

.inner_header li {
display: inline-block;
padding: 0 .50rem;
color: #f1f1f1;
}

.inner_header li a {
color: #f1f1f1;
}

#a1 {
padding: 0 .25rem;
color: Gray;
}

/*Main*/

main {
flex: 1;
background-color: #333333;
text-align: justify;
padding: .5rem;
font-size: 1rem;
color: #f1f1f1;
}

/*Footer*/

footer {
background-color: #101010;
padding: 1rem;
color: #f1f1f1;
text-align: center;
font-size: .75rem;
}
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/25/2023 in #front-end
How to create a header, main & footer?
html
html
31 replies
KPCKevin Powell - Community
Created by thebigpal on 7/21/2023 in #front-end
how to make image fit the screen at the top of the screen?
thank you very much, now it works
9 replies
KPCKevin Powell - Community
Created by thebigpal on 7/21/2023 in #front-end
how to make image fit the screen at the top of the screen?
that it's inside the container
9 replies
KPCKevin Powell - Community
Created by thebigpal on 7/21/2023 in #front-end
how to make image fit the screen at the top of the screen?
it only fits the content
9 replies
KPCKevin Powell - Community
Created by thebigpal on 7/21/2023 in #front-end
how to make image fit the screen at the top of the screen?
it doesn't work
9 replies