- Is there a better option than using 100vh to set the view height of a page?
- Of all things I can't figure out how to bold the text still!
- How to create mobile views? I'm still learning how to adjust HTML to different media!
Jinet Onyango
@JonyangoAll comments
- @JackPadalinoSubmitted about 2 years ago@JonyangoPosted about 2 years ago
Hello Jack. Your solution looks good and is actually responsive on mobile screens. I will try to answer some of the questions you have raised.
- How to bolden a text.
- There are a couple of ways to bolden a text. You could use the
<b>
tag in HTML to make the text contained in the tag bold. Another way in which you can bolden a text is through the use of font-weight in CSS. For example,
- There are a couple of ways to bolden a text. You could use the
p{ font-weight:600; }
The higher the font weight, the bolder the text would be.
- How to create mobile views.
- The web is naturally responsive and has multiple ways to make mobile views. One of the ways you could use is through
media queries
. Media queries help specify a behaviour you want to happen at a particular screen size. This article here has a detailed guide on how to use them. - Another way you can achieve mobile views is by using percentages for widths instead of fixed widths. This ensures that the content never overflows in a box and changes sizes accordingly.
I hope this help answer some of your questions.
Marked as helpful0 - How to bolden a text.
- @ekkas303Submitted about 2 years ago
I wanted to check the responsiveness for my project but there was some security issues from github not allowing me to check my website through a responsive website checker for different devices.Could anyone show me how you checked yours.
@JonyangoPosted about 2 years agoHello Brannon. I use a chrome extension,
mobile simulator
, to check for responsiveness on my websites. Mobile Simulator that is the link. I hope this helps you.Marked as helpful0 - @Gauravraj360Submitted over 2 years ago
I find difficulties while arranging the layout and the page was not much responsive but somehow I was able to achieve responsiveness I want to learn more about how to make a responsive webpage. So I have a doubt about how to use position: absolute and relative and where to use them.
Also, I was not able to use some of their font and colors directly in the body of the webpage, I don't understand why that was. If you have any of the solutions and you can review the webpage that will be helpful to me. I am an absolute beginner in Web development so maybe I am using some outdated style techniques but I am an enthusiastic learner, I will learn all of the techniques required for a good web developer.
@JonyangoPosted over 2 years agoHello Gaurajav. Good Job on getting a working responsive solution using the position property.
-
There are different ways of adding external fonts. You can download a font and make use of the @fontface property, or another way is to use a special style sheet link in your file's
<head>
tag to introduce the font. This article gives a detailed guide on how to add a Google font. -
The style guide provided in the files gives you the font type used, the colours, etc. To be able to apply the colour, you need to use the colour property on each selector. An example
p{ color: hsl(212, 45%, 89%) }
This code snippet will apply the specified color to the paragraph element.
0 -
- @AndyGuitSubmitted over 2 years ago@JonyangoPosted over 2 years ago
This looks good. I especially loved how your Javascript code was concise using the form data. It is well done. I love that the design is also pixel perfect with the provided one. Good job AndyGuit.
1 - @SamL2021Submitted over 2 years ago
Would love feedback on how I can improve my flexbox knowledge. I found creating the circles around the numbers difficult and I know there was a better way to iterate through the numbers and return the value in my JS. My solution felt janky but I am just coming back to coding after a long break and I had only learnt the basics previously. I really enjoy seeing my solution working and look forward to improving my skills and ability.
@JonyangoPosted over 2 years agoHi Samantha,
First of all, good job getting most of the aspects of the solution to work. You have done well. As Johnny has already said, using radio buttons would have been a better HTML choice, especially when trying to ensure once a user picks a single value and if they change to a different value, only the value they have currently chosen is highlighted.
Secondly, using your current approach, instead of listening for individual
li
elements, you could have listened for the click event on their parent element, enabling you to write the click event only once. This is something called event delegation. You can read about it here.Marked as helpful2 - @adram3l3chSubmitted over 2 years ago
Any feedbacks will be appreciated :)
@JonyangoPosted over 2 years agoHey Adarsh. First of well done on the Expense chart component. It looks great and neat. I went through your codebase as well, and I love how you structured your work. Good Job.
Marked as helpful1