test my code hai, i just jump to studying front-end recently. in this test, i wrote this code for landing page. unfortunally, my code doesn't seems work properly. i expect to my code run with column flex display but it…
I'm trying to achieve the next design, where the elements take all the available space before breaking into a new line and also keeping the text centered: Right now I'm using these styles in the container: display: flex; justify-content: center;…
I am trying to show a hidden div when hovering over part of a paragraph. There are two parts of paragraph that need a hover-effect with each its own div to show when hovered over. However, I am unable to…
So I have this code with a paragraph with keywords and text. I need to make the format so that the keywords appear next to other, the text starts where the keywords end and then the text also wraps around…
I have a working hamburger menu using CSS only. My issue is that I'd like the menu to fill the whole screen when it's open. At the moment when it's open everything in my page gets shown below the menu…
Im trying to vertically center/align items within a div using display: block. But somehow, i still don't know why, the first item of that div isn't centered properly, it's like it got indented a bit to the left or sometimes…
I'm trying to get a CSS only repsponsive navbar working, I've set a breakpoint that displays a hamburger menu at 768px and below, I have the navbar working fine but when I try to add any content below the navbar…
I wrote a code javascript code that will display the complete write up of a particular text which happens to be in three location in my html, but instead of displaying just the particular one that was clicked, its displaying…
I would like to change menu when is screen width lower to display menu link each in own line but when I use this, it is still same in one line. Then menu.jinja is used in another .jinja site where…
The following figure points to the current UI: | The given HTML and CSS code: <!DOCTYPE html> <html lang="en-US"> <head> <title>Flexbox example page</title> <link href="styles.css" rel="stylesheet" type="text/css" /> </head> <body> <nav> <ul class="site-nav"> <li><a href="#">Home</a></li> <li><a href="#">Features</a></li> <li><a href="#">Pricing</a></li> <li><a…