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…
Here is a parent element which has a child, the parent element does not have any width or height property but the child has 100% percent width and height and display: inline-block . HTML and CSS <!DOCTYPE html> <html lang="en">…
I'm very new to HTML/CSS, and I've been following this tutorial video. @42:10 of the video -- When I try the "display: flex" to list the skills in two columns, it just ends up in one column that is center-justified…