+ 1

HTML and CSS Portfolio Padding Issues

Hey community I'm wrapping up my webpage portfolio and would like to ask for help to get it checked. https://codepen.io/JulyNight/pen/oExPbv 1. As you noticed on the right side there's a white space padding issue. Please help me to get rid of this with a worm advice or addition to my code. 2. I'd like to make my icons more interactive and user friendly with the hover and fontawesome attributes. Such as when somebody puts a cursor on the icon it starts hovering an fa icon over it with some opacity effects I'd think. 3. If there're any suggestions of how to make it better please let me know. Thx a lot in advance!

6th Feb 2018, 11:54 PM
Roman Antonov
Roman Antonov - avatar
9 Réponses
+ 2
1. set .firstLine and .lastLine width to 100% rather than setting fixed (too much wide) width... 2. I don't understand what you want to achieve 3. correct typo mistake, such as 'Contacts' instead of 'Contacs' title, use relative units rather than absolute: %, vw, vh, vmin, vmax... or even em/rem with base value defined in relative units, to handle minimal responsivness (right now, on my tablet -- wich have good definition -- display is correct in landscape but totally broken in portrait orientation...
7th Feb 2018, 4:27 AM
visph
visph - avatar
7th Feb 2018, 11:29 AM
visph
visph - avatar
+ 1
Appreciate it thank u Nice suggestions. In terms of the second question I want to have a png icon and set up the hover icon on top of it. So every time a user puts his cursor on it the icon will appear on top of the png. Any ideas?
7th Feb 2018, 5:25 AM
Roman Antonov
Roman Antonov - avatar
+ 1
Yes, but need to sleep now ^^
7th Feb 2018, 5:26 AM
visph
visph - avatar
+ 1
(little edit to explain how to obtain equivalent of mouse over an element in touch devices context)
7th Feb 2018, 11:38 AM
visph
visph - avatar
+ 1
(also fixed css rules -- in web browsers context it seems to not require explicit default value for opacity, but it seems to be mandatory in app' context)
7th Feb 2018, 11:41 AM
visph
visph - avatar
0
Alright though For me the day is only beginning 7am lol Hope to find out a solution from u tonight
7th Feb 2018, 5:28 AM
Roman Antonov
Roman Antonov - avatar
0
Almost the same, but I'm awake from about 24+ hours :P
7th Feb 2018, 5:31 AM
visph
visph - avatar
- 2
you are a beautiful man. cant help, cant view it properly on my old small notebook. the site you are using isnt responsive/the "iframe" is giving bad results. you could try experimenting with the margin, property size, display type: block, inline, etc.
7th Feb 2018, 12:33 AM
kideoh0jima