Latest solutions
Latest comments
- @JackPadalino@Jonyango
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 helpful - How to bolden a text.
- @ekkas303@Jonyango
Hello 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 helpful - @Gauravraj360@Jonyango
Hello 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.
-
- @AndyGuit@Jonyango
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.
- @SamL2021@Jonyango
Hi 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 helpful - @adram3l3ch@Jonyango
Hey 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 helpful