get out...!
KPCKevin Powell - Community
•Created by get out...! on 2/28/2024 in #front-end
How you summarizes the design using HTML and CSS
I will take care in future
6 replies
KPCKevin Powell - Community
•Created by get out...! on 2/28/2024 in #front-end
How you summarizes the design using HTML and CSS
@Kevin Could you Kindly help me with this design?
6 replies
KPCKevin Powell - Community
•Created by get out...! on 2/28/2024 in #front-end
How you summarizes the design using HTML and CSS
I am so sorry for not sharing in the code editor
6 replies
KPCKevin Powell - Community
•Created by get out...! on 12/12/2023 in #front-end
What will be your approach for this UI
how you divided the grid
6 replies
KPCKevin Powell - Community
•Created by get out...! on 12/12/2023 in #front-end
What will be your approach for this UI
the image on the left will be on the top and text on the right below the image in mobile and tablet
6 replies
KPCKevin Powell - Community
•Created by Felipe Kepler Carvalho on 11/29/2023 in #front-end
How i do thisss
@RealComet
5 replies
KPCKevin Powell - Community
•Created by Felipe Kepler Carvalho on 11/29/2023 in #front-end
How i do thisss
navbar with (1-display of flex and center from both vertically and horizontally) and (2-position of absolute with top propertity) contain the logo and the links
hero section with the height of 100vh and width of 100vw. inside there is a container (1- display is flex or grid) and (2-two childs each with equal width and height of 100%)
1- left side:
(1-a background image), (2- a container with flex and padding and text)
2-right side:
(1-a background image), (2- a container with flex and padding and text)
the bottle in the center is absolute position relative to its parent, position of the bottle is left 50% and top 50px and translateX(-50%)
5 replies
KPCKevin Powell - Community
•Created by Felipe Kepler Carvalho on 11/29/2023 in #front-end
How i do thisss
hi Real,
hope you don`t mind. If I ask you to discuss with me
let me share my way, I would love to know the way you do, so it will help me to improve
5 replies
KPCKevin Powell - Community
•Created by Avinash on 11/30/2023 in #front-end
is it possible to get the values from browser console and display the result in browser UI?
use the prompt() function or input type text
6 replies
KPCKevin Powell - Community
•Created by get out...! on 11/18/2023 in #front-end
CSS layout issues
it atually a slider that work when user click on next and previous buttons
5 replies
KPCKevin Powell - Community
•Created by get out...! on 11/18/2023 in #front-end
CSS layout issues
yes I want to overlay the images, like the image the first image
5 replies
KPCKevin Powell - Community
•Created by Wonderbear on 10/4/2023 in #front-end
formData in web-components
good advise
31 replies
KPCKevin Powell - Community
•Created by Wonderbear on 10/4/2023 in #front-end
formData in web-components
my bad, Instead I use opacity
31 replies
KPCKevin Powell - Community
•Created by Wonderbear on 10/4/2023 in #front-end
formData in web-components
you can do more using html data attribute
31 replies
KPCKevin Powell - Community
•Created by Wonderbear on 10/4/2023 in #front-end
formData in web-components
here is the code
<!DOCTYPE html>
<html>
<style>
.myinput {
appearance: none;
display: inline-block;
position: relative;
width: 20px;
height: 20px;
border: 2px solid gray;
border-radius: 4px;
transition: background-color, border-color ease-in 0.2s;
cursor: pointer;
}
.myinput::before {
content: '';
display: none;
position: absolute;
top: 1px;
left: 50%;
translate: -50% 0;
height: 60%;
width: 6px;
border-right: 2px solid white;
border-bottom: 2px solid white;
transform: rotate(45deg);
transition: display ease-in 0.2s;
}
.myinput:hover {
border-color: lightGray;
}
.myinput:checked {
background: green;
}
.myinput:checked::before {
display: inline-block;
} </style> <body> <form> <input class="myinput" type="checkbox"/> </form> </body> </html>
} </style> <body> <form> <input class="myinput" type="checkbox"/> </form> </body> </html>
31 replies
KPCKevin Powell - Community
•Created by Wonderbear on 10/4/2023 in #front-end
formData in web-components
it will be more convient and this type of work
31 replies
KPCKevin Powell - Community
•Created by get out...! on 9/25/2023 in #front-end
Font-Size Effects: Unraveling the Dual Impact on Text Height and Width
thank you so much
5 replies
KPCKevin Powell - Community
•Created by get out...! on 9/25/2023 in #front-end
Font-Size Effects: Unraveling the Dual Impact on Text Height and Width
so you mean for better looking it maintain both height and width or can say maintain the the aspect ratio
5 replies
KPCKevin Powell - Community
•Created by codeswish on 9/1/2023 in #front-end
i dont understand this js function
I do not recommend to use that, you can write more efficient code using es6
6 replies