The padding... I kept experimenting with the paddings and the border-radius until they looked right. How did you all figure how to get the padding right, without the design files? Is there a standard a recommend UI/UX practice/rule/guideline sort of thing that we can use to guess them right, every time?
I am not sure how to center the div vertically without disturbing the layout. Any help/suggestions regarding this are much appreciated.
I was able to go close to the design specifics for desktop.
What challenges did you encounter, and how did you overcome them?I did not do the mobile design - it was a bit challenging. Styling the lists was also a challenge
What specific areas of your project would you like help with?Mobile design and styling lists
Hey Samuel!
Saw you needed a little help with Mobile design and styling lists. Here are a few things that'll help:
For the mobile design,...
For styling the lists...
<ul>, <ol>, and <li> tags until it feels rightHere are some other things you may want to consider...
<table> instead, that would make it easier to style that part of the webpage<div>s and <h1>s inside them. It is usually recommended that you use only one <h1> tag per page. To give more sematic meaning to your code, you can replace your <div>s with <section> tags (which behave exactly like <div>s) and change the <h1>s to <h2>s inside them.font-family: "Young Serif" for the headings.Hope it helps!
Hey Felix! Your solution looks great. But, the font style 'Outfit' isn't showing up in your project. You might wanna look for what's causing this.
