joshrowley / alexamartinez.com

Alexa's Portfolio
0 stars 0 forks source link

Fix width of text on goals and alt-goals #48

Closed AlexaMartinez closed 9 years ago

AlexaMartinez commented 9 years ago

Move back width of text on the goal and alternate goal modules to what it used to be before made responsive.

joshrowley commented 9 years ago

So this is very difficult to recreate if you want it to be responsive as well. Exact pixel measurements cannot be used, and instead relative sizing and percentages are used, so you should play around with the styles along with resizing the window until you find something you're happy with. I'll point out the styles in the project for you to look at.

joshrowley commented 9 years ago

Just made some comments on #44 to indicate the styles that are controlling this. Making things responsive is really an exercise in guess and check more than anything, try playing around w these numbers and seeing how the react at different sizes. I can definitely help you out too, but it's one of those things that we should do together just b/c it's a lot of back and forth and testing.

AlexaMartinez commented 9 years ago

Okay great I will take a look at these.

AlexaMartinez commented 9 years ago

@joshrowley I got it working! Changed type sizes at 's' for the description and goal. Also changed width for goals by adding in max-width 550. I've just been struggling how to do alt-goal's width... for some reason it doesn't change. Any idea?

AlexaMartinez commented 9 years ago

@joshrowley Figured it out! Adjusted padding-left for goal and added padding-right for alt-goal.