Welldone on finishing your project. Good work. Here is a few recommendations.
1. On the desktop , the part of the image to the right on the design is hidden. You need to find a way to fix it.
2. The active part on desktop is showing a small rectangle caused by the box-shadow on this class
.rigth .informationFromAuthorPost .socialMedia .box on your css on line 138. You can just remove the box-shadow in that declaration.
3. You will need one more query to take of devices like tablet, you have to scroll horizontally to see the rest of the page.
Greetings. Well done on your project. Here are a few points to note
1. The desktop is good and impressive - one more push on the margins/padding will make it perfect to the design.
2. On mobile version, you are breaking early such that even at one of the test size(375) the site is not responsive. I suggest taking another look at the range of that media query so that it covers a variety of mobile devices
3.You might need another media query to cover devices in the tablet range.
Hi. The desktop version is very impressive - well done. Take another shot at the mobile and tablet version, the site is not responsive. You might need to add annother media query perhaps.
Hi, Jome.
I did the project using Html, css and Javascript. On the js side read about how to fetch data from a json or api. The main methods that I mainly used are the fetch-api and async-await.
The rest will be manipulating the Dom to display the results.
Latest Comments
RE: Carolina Salazar's "Responsive, Display (Grid, Flex), AddEventListener, querySelector" solution
Welldone on finishing your project. Good work. Here is a few recommendations. 1. On the desktop , the part of the image to the right on the design is hidden. You need to find a way to fix it. 2. The active part on desktop is showing a small rectangle caused by the
box-shadowon this class.rigth .informationFromAuthorPost .socialMedia .boxon your css on line 138. You can just remove the box-shadow in that declaration. 3. You will need one more query to take of devices like tablet, you have to scroll horizontally to see the rest of the page.RE: Magdiel Dantas's "Four card feature section with html and css" solution
Greetings. Well done on your project. Here are a few points to note 1. The desktop is good and impressive - one more push on the margins/padding will make it perfect to the design. 2. On mobile version, you are breaking early such that even at one of the test size(375) the site is not responsive. I suggest taking another look at the range of that media query so that it covers a variety of mobile devices 3.You might need another media query to cover devices in the tablet range.
RE: Arutla Harish Kumar's "Four Cards" solution
Hi. The desktop version is very impressive - well done. Take another shot at the mobile and tablet version, the site is not responsive. You might need to add annother media query perhaps.
RE: Moses Ubah Chukwuemeka's "Project tracking intro component (Bootstrap Navbar, Html, Css)" solution
Well done on this solution. Looks good on various screen sizes.
RE: Chamunorwa Mutezva's "REST Countries API - Html, css and js." solution
Hi, Jome. I did the project using Html, css and Javascript. On the js side read about how to fetch data from a json or api. The main methods that I mainly used are the fetch-api and async-await.
The rest will be manipulating the Dom to display the results.