Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
jose macedo
6,041 Pointscan you size your navigation list item right border
here is my code check it out
i wanted to size it to a percentage if its possible i got the idea off a template
5 Answers
Rick Klaras
20,183 Pointsnav li {
display: inline;
font-size: 18px;
margin: 0 auto;
border-right: 3vw solid transparent;
padding: 10px;
text-align: center;
}
Rick Klaras
20,183 PointsJust so I'm sure I understand the question, you only want to resize the border on the right side of the nav?
jose macedo
6,041 Pointsyes of each of my list item anchors its a 1px solid black border
Rick Klaras
20,183 PointsDo you want to create extra space to the right of each nav li when the browser window gets bigger?
jose macedo
6,041 Pointsno i just want to make my navigation list items right border a bit smaller and maby add a shado i made some adjustments.
Rick Klaras
20,183 PointsTry setting the border in vw units. 1vw = 1% of viewport width.
Here's a link: https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/
Does that seem like what you're looking for?
jose macedo
6,041 Pointswell the height of them 4 . each of my list items has a right border but they are too tall
Rick Klaras
20,183 PointsMaybe you could adjust the nav height in your CSS?
Rick Klaras
20,183 PointsRick Klaras
20,183 Pointsobviously, you'll want to play with the values.