HTML-CSS Practical Part-III: Exercises, Practice, Solution

Last update on August 19 2022 21:51:57 (UTC/GMT +8 hours)

HTML-CSS Practical [31-45 exercises with solution]

31. Using HTML, CSS creates a stripes background pattern. Go to the editor

32. Using HTML, CSS creates a triangular shape with pure CSS. Go to the editor

33. Using HTML, CSS creates a circular shape with pure CSS. Go to the editor

34. Using HTML, CSS creates a responsive image mosaic. Go to the editor

35. Using HTML, CSS creates a responsive layout with a content area and a sidebar. Go to the editor

36. Using HTML, CSS aligns items horizontally using display: inline-block to create a 3-tile layout. Go to the editor

37. Using HTML, CSS Displays a menu overlay when the user hovers over the image. Go to the editor

38. Using HTML, CSS Fits an positions an image appropriately inside its container while preserving its aspect ratio. Go to the editor

39. Using HTML, CSS hides an element completely (visually and positionally) in the DOM while still allowing it to be accessible. Go to the editor

40. Using HTML, CSS creates a masonry-style layout that is especially useful when working with images. Go to the editor

41. Using HTML, CSS resets all styles to default values using only one property. Go to the editor

42. Using HTML, CSS customizes the style of inline quotation marks. Go to the editor

43. Using HTML, CSS truncates text that is longer than one line. Go to the editor

44. Using HTML, CSS limit multiline text to a given number of lines. Go to the editor

45. Using HTML, CSS creates a zoom in zoom out animation. Go to the editor

More to Come !

Do not submit any solution of the above exercises at here, if you want to contribute go to the appropriate exercise page.